/* PaTTAN CMS Custom Styles */

/* ================================================
   PaTTAN Color Palette - Official Branding
   ================================================ */

:root {
    /* PaTTAN Primary Colors */
    --pattan-primary-blue: #003e7e;
    --pattan-dark-blue: #00356b;
    --pattan-accent-blue: #038db2;
    --pattan-text-gray: #45464f;
    --pattan-border-gray: #ccc;

    /* Override Phoenix Primary Color */
    --phoenix-primary: #003e7e;
    --phoenix-primary-rgb: 0, 62, 126;
}

/* Primary Color Overrides */
.text-primary {
    color: var(--pattan-primary-blue) !important;
}

.bg-primary {
    background-color: var(--pattan-primary-blue) !important;
}

.bg-primary-subtle {
    background-color: rgba(0, 62, 126, 0.1) !important;
}

.border-primary {
    border-color: var(--pattan-primary-blue) !important;
}

.btn-primary {
    background-color: var(--pattan-primary-blue) !important;
    border-color: var(--pattan-primary-blue) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--pattan-dark-blue) !important;
    border-color: var(--pattan-dark-blue) !important;
}

.btn-link {
    color: var(--pattan-accent-blue) !important;
}

.btn-link:hover {
    color: var(--pattan-primary-blue) !important;
}

/* Navigation active link */
.nav-link.active {
    color: var(--pattan-primary-blue) !important;
}

/* Feather icons color */
[data-feather] {
    color: inherit;
}

/* Carousel indicators */
.carousel-indicators [data-bs-target] {
    background-color: var(--pattan-accent-blue);
}

.carousel-indicators .active {
    background-color: var(--pattan-primary-blue);
}

/* ================================================
   Navigation Word Wrapping
   ================================================ */

/* Word wrapping for all navigation text elements */
.navbar-vertical .nav-link-text,
.navbar-vertical .navbar-vertical-label,
.navbar-vertical .collapsed-nav-item-title {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto !important;
    line-height: 1.3 !important;
}

/* Keep text aligned with icons when wrapping */
.navbar-vertical .nav-link .d-flex {
    align-items: flex-start !important;
}

/* Ensure text container maintains proper alignment */
.navbar-vertical .nav-link-text,
.navbar-vertical .nav-link-text-wrapper {
    align-self: flex-start !important;
    margin-top: 0 !important;
}

/* Keep icons at the top when text wraps */
.navbar-vertical .nav-link-icon,
.navbar-vertical .dropdown-indicator-icon-wrapper {
    align-self: flex-start !important;
    margin-top: 0.125rem !important;
}

/* ================================================
   Right Column Card Borders
   ================================================ */

/* Enhanced borders for right column cards matching header color */
.col-xl-4 > .card {
    border: 1px solid var(--pattan-primary-blue) !important;
}