/* ===== Brand color unification (bluish theme) ===== */
/* Converts Bootstrap "success/danger/warning/info" accents into shades of
   the Raqmiat blue palette so the whole site reads consistently. */

/* Primary stays */
.text-primary { color: #0072B5 !important; }
.bg-primary { background-color: #0072B5 !important; }

/* Success → deep blue */
.text-success { color: #0072B5 !important; }
.bg-success { background-color: #0072B5 !important; color: #fff !important; }

/* Danger → navy */
.text-danger { color: #001E40 !important; }
.bg-danger { background-color: #001E40 !important; color: #fff !important; }

/* Warning → cyan */
.text-warning:not(.fa-star):not(.review-rate i):not(blockquote i) { color: #0FCFFF !important; }
.bg-warning { background-color: #0FCFFF !important; color: #001E40 !important; }

/* Info → cyan */
.text-info { color: #0FCFFF !important; }
.bg-info { background-color: #0FCFFF !important; color: #001E40 !important; }

/* Dark stays as deep navy */
.text-dark { color: #001E40 !important; }

/* Soft tinted backgrounds (used inside icon tiles) — all blue family */
.bg-primary-soft { background: rgba(0, 114, 181, 0.10) !important; color: #0072B5 !important; }
.bg-success-soft { background: rgba(0, 114, 181, 0.12) !important; color: #0072B5 !important; }
.bg-danger-soft  { background: rgba(0, 30, 64, 0.10) !important; color: #001E40 !important; }
.bg-warning-soft { background: rgba(15, 207, 255, 0.14) !important; color: #0072B5 !important; }
.bg-info-soft    { background: rgba(15, 207, 255, 0.14) !important; color: #0FCFFF !important; }
.bg-dark-soft    { background: rgba(0, 30, 64, 0.08) !important; color: #001E40 !important; }

/* Keep review/rating stars gold (universal UX) — re-restore on those */
.review-rate .text-warning,
.review-rate i.fa-star,
.review-rate .rq-svg-icon,
blockquote .text-warning,
.fa-star.text-warning,
.text-warning.fa-star,
i.text-warning.fa-star { color: #f5a623 !important; }

/* Buttons that used non-primary tints */
.btn-success { background: #0072B5 !important; border-color: #0072B5 !important; color: #fff !important; }
.btn-success:hover { background: #005a91 !important; border-color: #005a91 !important; }
.btn-danger  { background: #001E40 !important; border-color: #001E40 !important; color: #fff !important; }
.btn-warning { background: #0FCFFF !important; border-color: #0FCFFF !important; color: #001E40 !important; }
.btn-info    { background: #0FCFFF !important; border-color: #0FCFFF !important; color: #001E40 !important; }

/* Soft button variants */
.btn-soft-primary { background: rgba(0,114,181,0.10) !important; color: #0072B5 !important; border: 1px solid rgba(0,114,181,0.20) !important; }
.btn-soft-primary:hover { background: rgba(0,114,181,0.18) !important; color: #0072B5 !important; }

/* Promo card icon-tile gradients on homepage — force all-blue */
.promo-card.tone-blue   .promo-card-icon { background: linear-gradient(135deg, #0072B5, #0FCFFF) !important; box-shadow: 0 12px 24px -10px rgba(0,114,181,0.55) !important; }
.promo-card.tone-green  .promo-card-icon { background: linear-gradient(135deg, #003A74, #0072B5) !important; box-shadow: 0 12px 24px -10px rgba(0,114,181,0.50) !important; }
.promo-card.tone-orange .promo-card-icon { background: linear-gradient(135deg, #0072B5, #BFE3FF) !important; box-shadow: 0 12px 24px -10px rgba(15,207,255,0.45) !important; }

/* ===== Shared site-wide navbar styles ===== */

/* SVG icon fallback (injected by navbar-shared.js for FA brand/contact icons) */
.rq-svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
}
.rq-svg-icon.fa-lg  { width: 20px; height: 20px; }
.rq-svg-icon.fa-2x  { width: 28px; height: 28px; }
.rq-svg-icon.fa-3x  { width: 38px; height: 38px; }
.whatsapp-icon.rq-svg-icon { width: 28px; height: 28px; color: #fff; }
.me-1 { margin-right: 0.25rem; } .me-2 { margin-right: 0.5rem; } .me-3 { margin-right: 1rem; }
.rq-svg-icon.text-white { color: #fff !important; }
.rq-svg-icon.text-primary { color: #0072B5 !important; }


/* Compact Navbar */
.main-header .navbar {
    --bs-navbar-padding-y: 0.5rem;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
    min-height: 90px;
    backdrop-filter: blur(6px);
}
.main-header .navbar-brand {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-right: 0;
    width: 260px !important;
}
.main-header .navbar-brand img {
    max-height: 66px;
    width: auto;
    object-fit: contain;
    transition: none !important;
    transform: none !important;
}
.main-header .navbar-brand:hover img,
.main-header .navbar-brand:focus img,
.main-header .navbar-brand:active img {
    transform: none !important;
    scale: none !important;
}

/* Premium nav links */
.main-header .main-menu { gap: 4px; }
.main-header .main-menu .nav-item { position: relative; }
.main-header .main-menu .nav-link {
    position: relative;
    padding: 9px 14px !important;
    font-size: 14.5px;
    font-weight: 600;
    color: #001E40 !important;
    border-radius: 10px;
    letter-spacing: 0.005em;
    transition: color .2s ease, background-color .2s ease;
}
.main-header .main-menu .dropdown-toggle {
    padding-right: 30px !important;
}
.main-header .main-menu .dropdown-toggle::after {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    margin: 0 !important;
    content: "" !important;
    border: none !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    width: 8px !important;
    height: 8px !important;
    transform: translateY(-70%) rotate(45deg) !important;
    opacity: .65;
    transition: transform .3s ease, opacity .2s ease;
    vertical-align: 0 !important;
}
.main-header .main-menu .dropdown-toggle::before { display: none !important; }

/* Single unified hover/focus/active/open state */
.main-header .main-menu .nav-link:hover,
.main-header .main-menu .nav-link:focus,
.main-header .main-menu .nav-item.show > .nav-link,
.main-header .main-menu .nav-link.active,
.main-header .main-menu .nav-link[aria-expanded="true"] {
    color: #0072B5 !important;
    background-color: rgba(0, 114, 181, 0.08) !important;
}

/* Override theme's hover color */
.main-header .main-menu li a.nav-link:hover,
.main-header .main-menu li a.nav-link:focus {
    color: #0072B5 !important;
}

/* Arrow flips on open */
.main-header .main-menu .nav-item.show > .dropdown-toggle::after,
.main-header .main-menu .dropdown-toggle[aria-expanded="true"]::after {
    transform: translateY(-30%) rotate(-135deg);
    opacity: 1;
}

/* Dropdown menus */
.main-header .dropdown-menu {
    margin-top: 10px !important;
    border-radius: 14px !important;
    padding: 8px !important;
    min-width: 230px;
    box-shadow: 0 22px 50px -18px rgba(0, 43, 92, 0.22) !important;
    border: 1px solid rgba(0, 43, 92, 0.06) !important;
    animation: navDropIn .2s ease;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
}
@keyframes navDropIn {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Kill theme's white callout arrow above dropdown */
.main-header .main-menu li.nav-item .dropdown-menu::before,
.main-header .main-menu .dropdown-menu::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

.main-header .dropdown-item {
    padding: 9px 12px !important;
    border-radius: 9px;
    font-size: 14px;
    font-weight: 500;
    color: #1f2937 !important;
    transition: background-color .2s ease, color .2s ease, transform .2s ease;
    display: flex;
    align-items: center;
}
.main-header .dropdown-item i { transition: transform .25s ease; }
.main-header .dropdown-item .nav-svg,
.offcanvas .dropdown-item .nav-svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    flex-shrink: 0;
    stroke: #0072B5;
    transition: stroke .2s ease, transform .25s ease;
}
.main-header .dropdown-item:hover .nav-svg,
.offcanvas .dropdown-item:hover .nav-svg {
    stroke: #0072B5;
    transform: translateX(2px);
}
[dir="rtl"] .main-header .dropdown-item .nav-svg,
[dir="rtl"] .offcanvas .dropdown-item .nav-svg {
    margin-right: 0;
    margin-left: 10px;
}
.main-header .dropdown-item:hover,
.main-header .dropdown-item:focus {
    background-color: rgba(0, 114, 181, 0.08) !important;
    color: #0072B5 !important;
    transform: translateX(2px);
}
.main-header .dropdown-item:hover i { transform: translateX(2px); }

/* RTL */
[dir="rtl"] .main-header .main-menu .dropdown-toggle { padding-right: 14px !important; padding-left: 28px !important; }
[dir="rtl"] .main-header .main-menu .dropdown-toggle::after { right: auto !important; left: 12px !important; }
[dir="rtl"] .main-header .dropdown-item:hover { transform: translateX(-2px); }
[dir="rtl"] .main-header .dropdown-item:hover i { transform: translateX(-2px); }

/* Offcanvas (mobile) menu polish */
.offcanvas .nav .nav-link {
    font-weight: 600;
    color: #001E40 !important;
    padding: 12px 14px !important;
    border-radius: 10px;
    font-size: 15px;
    transition: background-color .2s ease, color .2s ease;
    position: relative;
}

/* Mobile dropdown chevron */
.offcanvas .nav .dropdown-toggle { padding-right: 36px !important; }
.offcanvas .nav .dropdown-toggle::after {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    margin: 0 !important;
    content: "" !important;
    border: none !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    width: 9px !important;
    height: 9px !important;
    transform: translateY(-70%) rotate(45deg) !important;
    opacity: .7;
    transition: transform .3s ease;
    vertical-align: 0 !important;
    font-family: inherit !important;
}
.offcanvas .nav .dropdown-toggle[aria-expanded="true"]::after,
.offcanvas .nav .nav-item.show > .dropdown-toggle::after {
    transform: translateY(-30%) rotate(-135deg) !important;
}

/* Close button polish */
.offcanvas-header .btn-close-svg {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(220, 53, 69, 0.10);
    color: #dc3545;
    border: none;
    padding: 0;
    transition: background .2s ease, transform .2s ease;
    cursor: pointer;
}
.offcanvas-header .btn-close-svg:hover {
    background: rgba(220, 53, 69, 0.18);
    transform: scale(1.05);
}
.offcanvas-header .btn-close-svg svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2.5;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.offcanvas .nav .nav-link:hover,
.offcanvas .nav .nav-link[aria-expanded="true"] {
    background-color: rgba(0, 114, 181, 0.08);
    color: #0072B5 !important;
}
.offcanvas .nav .dropdown-menu {
    margin: 4px 0 8px !important;
    padding: 6px !important;
    border-radius: 10px !important;
    background: rgba(0, 114, 181, 0.04) !important;
    box-shadow: none !important;
}
.offcanvas .nav .dropdown-item {
    padding: 10px 12px !important;
    border-radius: 8px;
    font-size: 14px;
    color: #1f2937 !important;
}
.offcanvas .nav .dropdown-item:hover {
    background-color: rgba(0, 114, 181, 0.10) !important;
    color: #0072B5 !important;
}

/* Tablet */
@media (max-width: 991.98px) {
    .main-header .navbar { min-height: 78px; padding-top: 8px !important; padding-bottom: 8px !important; }
    .main-header .navbar-brand { width: 220px !important; }
    .main-header .navbar-brand img { max-height: 54px; }
}

/* Phones */
@media (max-width: 575.98px) {
    .main-header .navbar { min-height: 68px; padding-top: 6px !important; padding-bottom: 6px !important; }
    .main-header .navbar-brand { width: 190px !important; }
    .main-header .navbar-brand img { max-height: 46px; }
    .main-header .navbar-toggler i { font-size: 22px !important; }
}