/* ==========================================================================
   ADViK WEBSITE — ULTRA ADVANCE PRO
   Final website-specific layer. Intentionally loaded after page CSS and the
   global premium layer, but before advik-controls-pro.css.
   ========================================================================== */

:root {
    --aw-brand: #7218b8;
    --aw-brand-2: #9330d5;
    --aw-indigo: #4658dc;
    --aw-cyan: #168fc5;
    --aw-green: #078b68;
    --aw-amber: #c37a0b;
    --aw-rose: #d54868;

    --aw-ink: #1f1925;
    --aw-text: #4e4858;
    --aw-muted: #777184;
    --aw-line: #e6dce9;
    --aw-surface: #ffffff;
    --aw-soft: #faf8fc;

    --aw-radius-sm: 12px;
    --aw-radius: 18px;
    --aw-radius-lg: 26px;

    --aw-shadow-sm: 0 10px 28px rgba(47, 27, 60, .075);
    --aw-shadow: 0 18px 46px rgba(47, 27, 60, .11);
    --aw-shadow-lg: 0 28px 70px rgba(37, 17, 49, .16);

    --aw-font:
        "Segoe UI Variable",
        "Segoe UI",
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        sans-serif;
}


/* Base */
.advik-site.advik-website-pro {
    min-height: 100vh;
    color: var(--aw-ink) !important;
    font-family: var(--aw-font) !important;
    font-size: 16px !important;
    line-height: 1.65;
    
    background:
        radial-gradient(circle at 91% 5%, rgba(42, 148, 198, .055), transparent 24%),
        radial-gradient(circle at 9% 35%, rgba(126, 32, 190, .04), transparent 26%),
        #fff !important;
}

.advik-website-pro main {
    min-height: 54vh;
}

.site-skip-link {
    position: fixed;
    z-index: 10000;
    left: 16px;
    top: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    color: #fff !important;
    background: #2d1239;
    transform: translateY(-150%);
    transition: transform .18s ease;
}

.site-skip-link:focus {
    transform: translateY(0);
}

.advik-website-pro p {
    font-size: 15.5px !important;
    line-height: 1.72 !important;
}

.advik-website-pro small,
.advik-website-pro .small,
.advik-website-pro .field-help,
.advik-website-pro .form-text {
    font-size: 12.75px !important;
    line-height: 1.5;
}

.advik-website-pro h1,
.advik-website-pro h2,
.advik-website-pro h3 {
    color: #271d2d;
    text-wrap: balance;
}

.advik-website-pro .site-container {
    width: min(1320px, calc(100% - 44px));
    margin-inline: auto;
}


/* Loader */
.page-loader {
    background:
        radial-gradient(circle at 50% 45%, rgba(140, 47, 199, .12), transparent 27%),
        #fff !important;
}

.loader-mark {
    color: #fff !important;
    background: linear-gradient(145deg, #9630d7, #5b4bd2) !important;
    box-shadow: 0 13px 32px rgba(112, 32, 180, .24) !important;
}


/* Header / topbar */
.advik-topbar {
    color: rgba(255,255,255,.84) !important;
    background:
        linear-gradient(90deg, #2c0c3b, #401250 55%, #291037) !important;
}

.advik-topbar .topbar-icon,
.advik-topbar a i {
    color: #d995f0 !important;
}

.advik-navbar {
    border-bottom: 1px solid rgba(223, 211, 229, .85) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 8px 28px rgba(45, 27, 54, .06) !important;
    backdrop-filter: blur(17px) saturate(145%);
    -webkit-backdrop-filter: blur(17px) saturate(145%);
}

.advik-header.scrolled .advik-navbar {
    box-shadow: 0 12px 34px rgba(45, 27, 54, .10) !important;
}

.advik-logo-shell {
    border-color: #e5d8ea !important;
    background: #fff !important;
    box-shadow: 0 8px 22px rgba(50, 30, 60, .10) !important;
}

.advik-brand-name {
    color: #2f1739 !important;
    font-size: 21px !important;
    font-weight: 900 !important;
}

.advik-brand-tagline {
    color: #7d7483 !important;
    font-size: 11.5px !important;
}

.advik-nav-link {
    min-height: 43px;
    border-radius: 11px !important;
    color: #4b4352 !important;
    font-size: 14.5px !important;
    font-weight: 720 !important;
}

.advik-nav-link:hover {
    color: #6e1aa3 !important;
    background: #f5ebfa !important;
}

.advik-nav-link.active {
    color: #671a9a !important;
    background:
        linear-gradient(135deg, #f1e4f8, #eef2ff) !important;
}

.advik-nav-link .nav-link-icon {
    color: #7a2bae !important;
}

.advik-login-button,
.advik-account-button {
    border-color: #dfd1e5 !important;
    background: linear-gradient(180deg, #fff, #faf7fb) !important;
    box-shadow: 0 6px 18px rgba(47, 29, 56, .055) !important;
}

.advik-book-button {
    color: #fff !important;
    border-color: #741db8 !important;
    background:
        linear-gradient(135deg, #9224d3, #6c24bc 52%, #4b53d1) !important;
    box-shadow: 0 10px 22px rgba(112, 31, 180, .21) !important;
}


/* Buttons */
.advik-site .btn {
    min-height: 45px;
    border-radius: 11px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.advik-site .btn-accent,
.advik-site .submit-btn,
.advik-site .account-submit-btn {
    color: #fff !important;
    border: 1px solid #7c1fc0 !important;
    background:
        linear-gradient(135deg, #9527d7, #711db8 55%, #4655d7) !important;
    box-shadow:
        0 10px 22px rgba(113, 31, 183, .22),
        inset 0 1px 0 rgba(255,255,255,.19) !important;
}

.advik-site .btn-accent:hover,
.advik-site .submit-btn:hover,
.advik-site .account-submit-btn:hover {
    color: #fff !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(113, 31, 183, .29) !important;
}

.advik-site .btn-brand-soft,
.advik-site .btn-light-soft,
.advik-site .account-secondary-btn {
    color: #5e2678 !important;
    border: 1px solid #dbc9e3 !important;
    background: linear-gradient(180deg, #fff, #f5ecf8) !important;
}


/* Section heading / kicker */
.advik-site .section-kicker {
    color: #7a1caf !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .085em !important;
}

.advik-site .section-kicker.light {
    color: #dc8df4 !important;
}

.advik-site .section-heading h1,
.advik-site .section-heading h2,
.advik-site .info-hero h1,
.advik-site .page-hero h1,
.advik-site .legal-pro-hero h1 {
    color: #24192a !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
}

.advik-site .section-heading p,
.advik-site .info-hero p {
    color: var(--aw-muted) !important;
    font-size: 15.5px !important;
}


/* Shared premium cards */
.advik-site :is(
    .feature-card,
    .info-card,
    .blog-card,
    .service-detail-card,
    .location-card,
    .pricing-factor-grid > *,
    .track-process-grid > article,
    .legal-pro-card,
    .help-category-grid > *,
    .solution-dashboard,
    .blog-feature,
    .secure-banner,
    .support-panel,
    .form-card,
    .tracking-panel,
    .map-panel
) .advik-site :is(
    .feature-card,
    .info-card,
    .blog-card,
    .service-detail-card,
    .location-card,
    .pricing-factor-grid > *,
    .track-process-grid > article,
    .legal-pro-card,
    .help-category-grid > *,
    .solution-dashboard,
    .blog-feature,
    .secure-banner,
    .support-panel,
    .form-card,
    .tracking-panel,
    .map-panel
) {
    border: 1px solid var(--aw-line) !important;
    border-radius: var(--aw-radius) !important;
    background:
        radial-gradient(circle at 100% 0%, rgba(120, 33, 183, .045), transparent 31%),
        linear-gradient(180deg, #2e075f, #38098b) !important;
    box-shadow: var(--aw-shadow-sm) !important;
}

.advik-site :is(
    .feature-card,
    .info-card,
    .blog-card,
    .service-detail-card,
    .location-card,
    .track-process-grid > article
):hover {
    border-color: #d2badc !important;
    box-shadow: var(--aw-shadow) !important;
    transform: translateY(-4px);
}


/* Hero families */
.hero-section,
.info-hero,
.page-hero,
.help-hero,
.legal-pro-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.info-hero,
.page-hero,
.help-hero,
.legal-pro-hero {
    background:
        radial-gradient(circle at 92% 12%, rgba(24, 145, 198, .13), transparent 27%),
        radial-gradient(circle at 8% 100%, rgba(137, 35, 198, .12), transparent 31%),
        linear-gradient(145deg, #faf5fd, #ffffff 54%, #eff8fc) !important;
}

.info-hero-card,
.solution-dashboard,
.legal-pro-hero-card {
    border-color: #dfd1e5 !important;
    box-shadow: var(--aw-shadow) !important;
}


/* Colorful icons */
.advik-site :is(
    .feature-icon,
    .info-icon,
    .auth-icon,
    .account-auth-head-icon,
    .account-compact-icon,
    .service-detail-card > .feature-icon
) {
    color: #fff !important;
    border: 0 !important;
    background:
        linear-gradient(145deg, #62038f, #1a0e55) !important;
    box-shadow: 0 9px 20px rgba(112, 35, 180, .20) !important;
}


.info-icon .whatsapp{
    background: #e9fbea;
    color: #16a34a;
}



.advik-site .info-stack > div:nth-child(3n + 2) .info-icon,
.advik-site .feature-card:nth-child(4n + 2) .feature-icon {
    background: linear-gradient(145deg, #2aa8d9, #147aa9) !important;
}

.advik-site .info-stack > div:nth-child(3n + 3) .info-icon,
.advik-site .feature-card:nth-child(4n + 3) .feature-icon {
    background: linear-gradient(145deg, #12a87e, #087657) !important;
}


/* Forms */
.advik-site .pro-form label,
.advik-site .field > label,
.advik-site .account-field label {
    color: #3c3542 !important;
    font-size: 14px !important;
    font-weight: 760 !important;
}

.advik-site .input-shell,
.advik-site .account-input-shell {
    min-height: 49px;
    border: 1px solid #dfd4e4 !important;
    border-radius: 11px !important;
    background: #fff !important;
    box-shadow: inset 0 1px 2px rgba(40, 25, 48, .025) !important;
}

.advik-site .input-shell:focus-within,
.advik-site .account-input-shell:focus-within {
    border-color: rgba(124, 32, 192, .60) !important;
    box-shadow: 0 0 0 4px rgba(124, 32, 192, .09) !important;
}

.advik-site :is(
    .input-shell input,
    .input-shell select,
    .input-shell textarea,
    .account-input-shell input,
    .form-control,
    .form-select
) {
    font-size: 15px !important;
}

.advik-site textarea {
    min-height: 118px;
}


/* Contact page */
.contact-option {
    border-color: #e4d7e9 !important;
    background: linear-gradient(145deg, #fff, #faf5fc) !important;
    box-shadow: var(--aw-shadow-sm) !important;
}

.contact-option:hover {
    border-color: #d0b7da !important;
    transform: translateY(-3px);
}


/* Tracking */
.tracking-panel-head,
.map-panel-head {
    background:
        linear-gradient(135deg, #f6ebfa, #eef8fc) !important;
}

.live-map {
    border: 1px solid #e2d6e7;
    background: #f5f2f7 !important;
}

.live-chip {
    color: #087557 !important;
    border-color: #c8e6da !important;
    background: #e8f7f1 !important;
}


/* Auth pages */
.account-auth-page,
.auth-page {
    background:
        radial-gradient(circle at 85% 10%, rgba(29, 145, 197, .09), transparent 26%),
        radial-gradient(circle at 10% 85%, rgba(129, 32, 192, .08), transparent 28%),
        linear-gradient(135deg, #faf7fc, #fff) !important;
}

.account-auth-brand,
.auth-brand-panel {
    color: #fff !important;
    background:
        radial-gradient(circle at 13% 8%, rgba(218, 125, 247, .27), transparent 27%),
        radial-gradient(circle at 88% 72%, rgba(34, 151, 201, .20), transparent 30%),
        linear-gradient(155deg, #57186d, #281034) !important;
}

.account-auth-card,
.account-compact-card,
.account-status-card,
.auth-card {
    border-color: #decce5 !important;
    border-radius: 22px !important;
    box-shadow: var(--aw-shadow-lg) !important;
}


/* Legal pages */
.legal-pro-nav a {
    font-size: 13.5px !important;
}

.legal-pro-content p,
.legal-pro-content li {
    font-size: 15px !important;
    line-height: 1.72 !important;
}


/* Messages */
.message-stack {
    z-index: 1090 !important;
}

.site-message {
    border-radius: 13px !important;
    box-shadow: 0 16px 36px rgba(38, 24, 46, .14) !important;
}


/* ==========================================================================
   FOOTER — isolated component, immune to global .card/.footer rules.
   ========================================================================== */

.advik-site .site-footer {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    margin-top: 74px;
    padding: 0 0 30px;
    color: #fff !important;
    background:
        radial-gradient(circle at 12% 21%, rgba(145, 47, 186, .22), transparent 28%),
        radial-gradient(circle at 89% 14%, rgba(34, 137, 184, .13), transparent 28%),
        linear-gradient(155deg, #30083f 0%, #23052f 54%, #180320 100%) !important;
}

.advik-site .site-footer::before {
    content: "";
    position: absolute;
    inset: auto auto -240px -210px;
    width: 470px;
    height: 470px;
    border-radius: 50%;
    background: rgba(126, 33, 169, .14);
    filter: blur(15px);
    pointer-events: none;
}

.advik-site .site-footer .site-container {
    position: relative;
    z-index: 2;
}

.advik-site .footer-cta {
    position: relative;
    overflow: hidden;
    transform: translateY(-42px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    padding: 35px 38px;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 27px !important;
    color: #fff !important;
    background:
        radial-gradient(circle at 81% 20%, rgba(74, 107, 224, .27), transparent 27%),
        radial-gradient(circle at 10% 90%, rgba(196, 62, 221, .22), transparent 31%),
        linear-gradient(120deg, #54106f, #761294 54%, #6c238e) !important;
    box-shadow: 0 28px 65px rgba(9, 2, 13, .31) !important;
}

.advik-site .footer-cta h2 {
    margin: 7px 0 7px;
    color: #fff !important;
    font-size: clamp(30px, 3vw, 39px) !important;
    font-weight: 900 !important;
    letter-spacing: -.035em !important;
}

.advik-site .footer-cta p {
    margin: 0;
    color: rgba(255,255,255,.75) !important;
    font-size: 14.5px !important;
}

.advik-site .footer-cta .btn {
    min-height: 52px;
    padding-inline: 21px;
}

.advik-site .footer-pro-grid {
    display: grid;
    grid-template-columns: minmax(300px, .78fr) minmax(0, 1.75fr);
    gap: 48px;
    padding: 0 0 48px;
}

.advik-site .footer-logo-brand,
.advik-site .footer-logo-brand:hover {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #fff !important;
    text-decoration: none;
}

.advik-site .footer-logo-shell {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(0,0,0,.19);
}

.advik-site .footer-logo-shell img {
    width: 100%;
    height: 100%;
    padding: 5px;
    object-fit: contain;
}

.advik-site .footer-brand-copy {
    display: flex;
    flex-direction: column;
}

.advik-site .footer-brand-copy strong {
    color: #fff !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    letter-spacing: -.035em;
}

.advik-site .footer-brand-copy small {
    margin-top: 4px;
    color: rgba(255,255,255,.60) !important;
    font-size: 12px !important;
}

.advik-site .footer-description {
    max-width: 390px;
    margin: 23px 0;
    color: rgba(255,255,255,.68) !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

.advik-site .footer-contact-list {
    display: grid;
    gap: 10px;
}

.advik-site .footer-contact-item,
.advik-site a.footer-contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: rgba(255,255,255,.05) !important;
    text-decoration: none;
}

.advik-site a.footer-contact-item:hover {
    color: #fff !important;
    border-color: rgba(215, 154, 239, .29) !important;
    background: rgba(255,255,255,.08) !important;
    transform: translateX(3px);
}

.advik-site .footer-contact-icon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #fff !important;
}

.advik-site .footer-contact-icon.is-violet {
    background: linear-gradient(145deg, #a33ada, #7420b4) !important;
}

.advik-site .footer-contact-icon.is-cyan {
    background: linear-gradient(145deg, #26a5d5, #137aa9) !important;
}

.advik-site .footer-contact-icon.is-amber {
    background: linear-gradient(145deg, #e79d26, #b86b08) !important;
}

.advik-site .footer-contact-copy {
    min-width: 0;
    display: grid;
}

.advik-site .footer-contact-copy small {
    color: rgba(255,255,255,.48) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .06em;
}

.advik-site .footer-contact-copy strong {
    margin-top: 3px;
    overflow-wrap: anywhere;
    color: rgba(255,255,255,.88) !important;
    font-size: 12.5px !important;
    font-weight: 720 !important;
}

.advik-site .footer-social-title {
    margin: 23px 0 10px;
    color: rgba(255,255,255,.58) !important;
    font-size: 11px !important;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.advik-site .social-links {
    display: flex;
    gap: 9px;
}

.advik-site .social-links a {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 12px;
    color: #fff !important;
    background: rgba(255,255,255,.07) !important;
}

.advik-site .social-links a:hover {
    color: #fff !important;
    border-color: #9538c5 !important;
    background: #7e28a8 !important;
    transform: translateY(-3px);
}

.advik-site .footer-links-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 18px;
}

.advik-site .footer-links-heading h3 {
    margin: 3px 0 2px;
    color: #fff !important;
    font-size: 25px !important;
    font-weight: 900 !important;
}

.advik-site .footer-links-heading p {
    margin: 0;
    color: rgba(255,255,255,.53) !important;
    font-size: 12.5px !important;
}

.advik-site .footer-links-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    padding: 8px 11px;
    border: 1px solid rgba(42, 204, 123, .23) !important;
    border-radius: 999px;
    color: #9eeab8 !important;
    background: rgba(34,197,94,.075) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

.advik-site .footer-links-badge > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #24d276;
    box-shadow: 0 0 0 4px rgba(36,210,118,.10);
}

.advik-site .footer-links-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
}

.advik-site .footer-link-card,
.advik-site footer a.footer-link-card {
    position: relative;
    min-width: 0;
    min-height: 70px;
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) 14px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    overflow: hidden;
    border: 1px solid var(--footer-card-border, #eadcf0) !important;
    border-radius: 15px !important;
    color: #33283a !important;
    background:
        radial-gradient(circle at 100% 0%, var(--footer-card-orb, rgba(126,32,184,.09)), transparent 41%),
        linear-gradient(145deg, var(--footer-card-soft, #f8effb), #fff 66%) !important;
    box-shadow: 0 8px 20px rgba(13, 3, 18, .12) !important;
    text-decoration: none !important;
}

.advik-site .footer-link-card:hover,
.advik-site footer a.footer-link-card:hover {
    color: #281b2f !important;
    border-color: var(--footer-card-accent, #bd8fcf) !important;
    box-shadow: 0 13px 28px rgba(7, 1, 10, .18) !important;
    transform: translateY(-2px);
}

.advik-site .footer-link-card.is-violet {
    --footer-card-accent: #8525b8;
    --footer-card-soft: #f5e9fa;
    --footer-card-border: #e7d1ef;
    --footer-card-orb: rgba(133,37,184,.10);
}

.advik-site .footer-link-card.is-indigo {
    --footer-card-accent: #4658cf;
    --footer-card-soft: #edf0ff;
    --footer-card-border: #d9dffd;
    --footer-card-orb: rgba(70,88,207,.10);
}

.advik-site .footer-link-card.is-cyan {
    --footer-card-accent: #147fae;
    --footer-card-soft: #eaf7fc;
    --footer-card-border: #d1eaf4;
    --footer-card-orb: rgba(20,127,174,.10);
}

.advik-site .footer-link-card.is-green {
    --footer-card-accent: #08785c;
    --footer-card-soft: #eaf8f2;
    --footer-card-border: #d0eadd;
    --footer-card-orb: rgba(8,120,92,.10);
}

.advik-site .footer-link-card.is-amber {
    --footer-card-accent: #ad6b08;
    --footer-card-soft: #fff5e0;
    --footer-card-border: #ecddb9;
    --footer-card-orb: rgba(173,107,8,.10);
}

.advik-site .footer-link-card.is-rose {
    --footer-card-accent: #be4260;
    --footer-card-soft: #fcedf2;
    --footer-card-border: #efd2da;
    --footer-card-orb: rgba(190,66,96,.095);
}

.advik-site .footer-link-icon {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 11px;
    color: #fff !important;
    background:
        linear-gradient(145deg, color-mix(in srgb, var(--footer-card-accent) 85%, #fff 15%), var(--footer-card-accent)) !important;
    box-shadow: 0 7px 17px color-mix(in srgb, var(--footer-card-accent) 24%, transparent) !important;
}

@supports not (background: color-mix(in srgb, red 20%, blue)) {
    .advik-site .footer-link-icon {
        background: linear-gradient(145deg, #9631cf, #6c23a7) !important;
        box-shadow: 0 7px 17px rgba(111,35,170,.20) !important;
    }
}

.advik-site .footer-link-copy {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.advik-site .footer-link-copy strong {
    overflow: hidden;
    color: #312537 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.advik-site .footer-link-copy small {
    overflow: hidden;
    color: #7a7180 !important;
    font-size: 10.5px !important;
    font-weight: 620 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.advik-site .footer-link-arrow {
    justify-self: end;
    color: var(--footer-card-accent, #7f2bac) !important;
    font-size: 10px;
    opacity: .55;
    transition: transform .18s ease, opacity .18s ease;
}

.advik-site .footer-link-card:hover .footer-link-arrow {
    opacity: 1;
    transform: translateX(2px);
}

.advik-site .footer-live-dot {
    position: absolute;
    right: 11px;
    top: 10px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #18c975;
    box-shadow: 0 0 0 4px rgba(24,201,117,.10);
}

.advik-site .footer-bottom-pro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.10);
}

.advik-site .footer-copyright {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255,255,255,.58) !important;
    font-size: 11.5px !important;
}

.advik-site .footer-copyright strong {
    color: rgba(255,255,255,.80) !important;
}

.advik-site .footer-copyright-icon {
    width: 31px;
    height: 31px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #e5a5f5 !important;
    background: rgba(255,255,255,.07) !important;
}

.advik-site .footer-platform-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
}

.advik-site .footer-platform-list span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 9px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 999px;
    color: rgba(255,255,255,.57) !important;
    background: rgba(255,255,255,.04);
    font-size: 10px !important;
}

.advik-site .footer-platform-list i {
    color: #d792ef !important;
}


/* Floating controls */
.whatsapp-float {
    box-shadow: 0 13px 30px rgba(7, 112, 79, .26) !important;
}

.scroll-top {
    border: 1px solid #dfcce7 !important;
    color: #fff !important;
    background: linear-gradient(145deg, #9230ca, #5c42c7) !important;
    box-shadow: 0 10px 24px rgba(95, 38, 154, .22) !important;
}


/* Responsive */
@media (max-width: 1199.98px) {
    .advik-site .footer-pro-grid {
        grid-template-columns: 310px 1fr;
        gap: 34px;
    }

    .advik-site .footer-links-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991.98px) {
    .advik-site .site-container {
        width: min(100% - 32px, 1320px);
    }

    .advik-site .footer-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .advik-site .footer-pro-grid {
        grid-template-columns: 1fr;
    }

    .advik-site .footer-brand-panel {
        max-width: 680px;
    }

    .advik-site .footer-contact-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .advik-site .footer-bottom-pro {
        align-items: flex-start;
        flex-direction: column;
    }

    .advik-site .footer-platform-list {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .advik-site .footer-contact-list {
        grid-template-columns: 1fr;
    }

    .advik-site .footer-links-heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .advik-site .footer-links-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .advik-site .site-container {
        width: min(100% - 24px, 1320px);
    }

    .advik-site p {
        font-size: 14.5px !important;
    }

    .advik-site input,
    .advik-site select,
    .advik-site textarea {
        font-size: 16px !important;
    }

    .advik-site .site-footer {
        margin-top: 52px;
    }

    .advik-site .footer-cta {
        transform: translateY(-28px);
        padding: 25px 20px;
        border-radius: 21px !important;
    }

    .advik-site .footer-cta h2 {
        font-size: 28px !important;
    }

    .advik-site .footer-cta-actions,
    .advik-site .footer-cta-actions .btn {
        width: 100%;
    }

    .advik-site .footer-link-card {
        min-height: 68px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .advik-site *,
    .advik-site *::before,
    .advik-site *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}
/* ==========================================================================
   V2 — TEXT VISIBILITY + ORANGE BOOK CTA HARDENING
   --------------------------------------------------------------------------
   Some original components are intentionally dark and use white inherited
   text. A generic premium-card rule previously changed their background to
   white without changing those inherited text colors, which made the copy
   appear missing. These final rules explicitly define both the background
   and text colors for dark and light surfaces.
   ========================================================================== */


/* --------------------------------------------------------------------------
   A. LIGHT SURFACES — ALWAYS DARK READABLE TEXT
   -------------------------------------------------------------------------- */

.advik-site :is(
    .contact-option,
    .contact-trust-grid > div,
    .info-card,
    .feature-card,
    .service-detail-card,
    .career-visual > div,
    .client-segment-grid > article,
    .pricing-factor-grid > article,
    .track-process-grid > article,
    .metric-grid > article,
    .solution-stats > article,
    .blog-card,
    .location-card,
    .help-category-grid > a,
    .legal-content > section,
    .pro-check-list > div,
    .account-choice-grid > article
) {
    color: #241b2a !important;
}

.advik-site :is(
    .contact-option,
    .contact-trust-grid > div,
    .info-card,
    .feature-card,
    .service-detail-card,
    .career-visual > div,
    .client-segment-grid > article,
    .pricing-factor-grid > article,
    .track-process-grid > article,
    .metric-grid > article,
    .solution-stats > article,
    .blog-card,
    .location-card,
    .help-category-grid > a,
    .legal-content > section,
    .pro-check-list > div,
    .account-choice-grid > article
) :is(h1, h2, h3, h4, strong) {
    color: #241b2a !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.advik-site :is(
    .contact-option,
    .contact-trust-grid > div,
    .info-card,
    .feature-card,
    .service-detail-card,
    .career-visual > div,
    .client-segment-grid > article,
    .pricing-factor-grid > article,
    .track-process-grid > article,
    .metric-grid > article,
    .solution-stats > article,
    .blog-card,
    .location-card,
    .help-category-grid > a,
    .legal-content > section,
    .pro-check-list > div,
    .account-choice-grid > article
) :is(p, small) {
    color: #746d7c !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.advik-site .contact-option > span:not(.info-icon),
.advik-site .contact-trust-grid > div > span,
.advik-site .career-visual > div > span,
.advik-site .help-category-grid > a > span {
    color: #2f2535 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* --------------------------------------------------------------------------
   B. SUPPORT PANEL — RESTORE DARK PREMIUM SURFACE + WHITE COPY
   Covers Booking and Contact pages shown in the screenshots.
   -------------------------------------------------------------------------- */

.advik-site .support-panel {
    color: #ffffff !important;
    border: 1px solid rgba(125, 46, 157, .28) !important;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(47, 150, 198, .18),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #38105d 0%,
            #5d2187 58%,
            #482170 100%
        ) !important;
    box-shadow:
        0 15px 34px rgba(56, 16, 93, .18) !important;
}

.advik-site .support-panel > i {
    color: #ff9800 !important;
    border: 1px solid rgba(255, 255, 255, 0.315) !important;
    background: rgba(255, 255, 255, .10) !important;
    box-shadow: none !important;
}

.advik-site .support-panel :is(div, strong, span, small) {
    opacity: 1 !important;
    visibility: visible !important;
}

.advik-site .support-panel strong {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

.advik-site .support-panel small {
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .055em;
}

.advik-site .support-panel span {
    color: #ffffff !important;
    font-size: 12.5px !important;
    line-height: 1.5;
}


/* --------------------------------------------------------------------------
   C. OTHER INTENTIONALLY DARK COMPONENTS
   Prevents the same white-text-on-white regression on other pages.
   -------------------------------------------------------------------------- */

.advik-site .secure-banner
 {
    color: #38105d !important;
    border-color: #38105d !important;
    background:linear-gradient(
            #38105d 0%,
            #5d2187 62%,
            #49206e 100%
        ) !important;
}



.advik-site :is(
    .secure-banner,
    .blog-feature,
    .quote-card,
    .help-contact-box,
    .solution-flow,
    .legal-pro-support-card
) {
    color: #38105d !important;
    border-color: #38105d !important;
    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(36, 151, 202, .16),
            transparent 31%
        ),
        linear-gradient(
            135deg,
            #38105d 0%,
            #5d2187 62%,
            #49206e 100%
        ) !important;
}



.advik-site :is(
    .secure-banner,
    .blog-feature,
    .quote-card,
    .help-contact-box,
    .solution-flow,
    .legal-pro-support-card
) :is(h1, h2, h3, h4, strong, a) {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;

}

.advik-site :is(
    .secure-banner,
    .blog-feature,
    .quote-card,
    .help-contact-box,
    .solution-flow,
    .legal-pro-support-card
) :is(p, small, span) {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.advik-site .help-hero {
    color: #ffffff !important;
    background:
        radial-gradient(
            circle at 88% 12%,
            rgba(41, 151, 201, .20),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #25063f,
            #38105d 62%,
            #5d2187
        ) !important;
}

.advik-site .help-hero :is(h1, h2, strong) {
    color: #ffffff !important;
}

.advik-site .help-hero p {
    color: rgba(255, 255, 255, .74) !important;
}


/* --------------------------------------------------------------------------
   D. NAVBAR BOOK NOW — ORANGE IS THE CANONICAL BRAND CTA
   Exact requested base color: #ff9800
   -------------------------------------------------------------------------- */

.advik-site .advik-book-button,
.advik-site a.advik-book-button {
    color: #ffffff !important;
    border: 1px solid #ff9800 !important;
    background: #ff9800 !important;
    box-shadow:
        0 11px 26px rgba(255, 152, 0, .27) !important;
}

.advik-site .advik-book-button::before {
    background: rgba(255, 255, 255, .17) !important;
}

.advik-site .advik-book-button:hover,
.advik-site .advik-book-button:focus-visible,
.advik-site a.advik-book-button:hover,
.advik-site a.advik-book-button:focus-visible {
    color: #ffffff !important;
    border-color: #e88900 !important;
    background: #e88900 !important;
    box-shadow:
        0 15px 32px rgba(255, 152, 0, .34) !important;
}

.advik-site .advik-book-button :is(
    .book-icon,
    .book-copy,
    .book-copy small,
    .book-copy strong,
    .book-arrow,
    i
) {
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.advik-site .advik-book-button .book-icon {
    background: rgba(255, 255, 255, .16) !important;
}


/* --------------------------------------------------------------------------
   E. DEFENSIVE VISIBILITY GUARD
   Do not allow page/theme utility rules to accidentally zero-out card copy.
   -------------------------------------------------------------------------- */

.advik-site :is(
    .support-panel,
    .contact-option,
    .contact-trust-grid,
    .info-card,
    .feature-card,
    .service-detail-card,
    .career-visual,
    .client-segment-grid,
    .pricing-factor-grid,
    .track-process-grid,
    .blog-card,
    .help-contact-box,
    .secure-banner,
    .quote-card
) :is(h1, h2, h3, h4, p, strong, small) {
    text-indent: 0 !important;
    filter: none !important;
}
