/* Admin-controlled theme. #site-body gives this layer priority over legacy !important CSS. */
      :root{
        --brand:#004c8c!important;
        --brand-dark:#004c8c!important;
        --primary:#004c8c!important;
        --brand-edge:#004c8c!important;
        --site-bg:#fafafa!important;
        --site-text:#000000!important;
        --requested-text:#000000!important;
        --site-name-color:#000000!important;
        --footer-text-color:#000000!important;
        --card:#fafafa!important;
        --card-text:#000000!important;
        --soft:#fafafa!important;
        --soft-text:#000000!important;
        --on-primary:#ffffff!important;
        --button-border-primary:#004c8c!important;
        --button-border-card:#004c8c!important;
        --button-border-soft:#004c8c!important;
        /* Regular button background follows Background; regular button text + border follow Primary. */
        --button-bg:#fafafa!important;
        --button-text:#004c8c!important;
        --button-border:#004c8c!important;
        --safe-link:#004c8c!important;
        --safe-card-link:#004c8c!important;
        --ink:#000000!important;
        --success:var(--brand)!important;
        --warning:var(--brand)!important;
        --line:color-mix(in srgb,var(--brand-edge) 46%,transparent)!important;
        --muted:color-mix(in srgb,var(--site-text) 72%,transparent)!important;
      }

      html body#site-body,html body#site-body main,html body#site-body .section,html body#site-body .section-soft,html body#site-body .error-page-section{
        background:var(--site-bg)!important;color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;
      }

      /* Header/footer surfaces stay Primary. Website name and footer text have their own admin pickers. */
      html body#site-body .site-header,html body#site-body footer.site-footer,html body#site-body footer.site-footer.simple-footer{
        background:var(--brand)!important;border-color:var(--brand)!important;
      }
      html body#site-body .site-header *{
        color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;
      }
      html body#site-body .brand,html body#site-body .brand>span,
      html body#site-body .site-identity-name,html body#site-body .site-identity-fallback,
      html body#site-body .site-logo-preview-card span{
        color:var(--site-name-color)!important;-webkit-text-fill-color:var(--site-name-color)!important;
      }
      html body#site-body .brand-mark{background:var(--site-bg)!important;color:var(--site-name-color)!important;-webkit-text-fill-color:var(--site-name-color)!important;border:1px solid var(--site-name-color)!important}
      html body#site-body .brand-mark *{color:var(--site-name-color)!important;-webkit-text-fill-color:var(--site-name-color)!important}
      html body#site-body .brand-logo,html body#site-body .site-identity-logo,html body#site-body .site-logo-preview{background:var(--site-bg)!important;border-color:var(--site-name-color)!important}
      html body#site-body footer.site-footer,html body#site-body footer.site-footer.simple-footer,
      html body#site-body footer.site-footer *,html body#site-body footer.site-footer.simple-footer *,
      html body#site-body .copyright,html body#site-body .footer-links a{
        color:var(--footer-text-color)!important;-webkit-text-fill-color:var(--footer-text-color)!important;
      }
      html body#site-body .site-logo-preview-card small{color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important}

      /* Page/content text follows the admin's All content text color picker. Buttons are handled separately below. */
      html body#site-body main h1,html body#site-body main h2,html body#site-body main h3,html body#site-body main h4,html body#site-body main h5,html body#site-body main h6,
      html body#site-body main p,html body#site-body main label,html body#site-body main small,html body#site-body main strong,html body#site-body main li,
      html body#site-body main td,html body#site-body main th,html body#site-body main summary,html body#site-body .breadcrumbs,html body#site-body .help,
      html body#site-body .detail-description,html body#site-body .dynamic-content,html body#site-body .empty-state{
        color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;
      }
      html body#site-body input,html body#site-body textarea,html body#site-body select,html body#site-body option,html body#site-body .form-control{
        background:var(--card)!important;color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;border-color:var(--brand)!important;
      }
      html body#site-body input::placeholder,html body#site-body textarea::placeholder{color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;opacity:.68!important}

      /* Every common frontend/admin/user card. */
      html body#site-body .card,html body#site-body .category-card,html body#site-body .listing-card,html body#site-body .list-card,
      html body#site-body .list-card-content,html body#site-body .detail-main,html body#site-body .seller-card,html body#site-body .form-card,
      html body#site-body .dashboard-card,html body#site-body .stat-card,html body#site-body .filter-panel,html body#site-body .hero-card,
      html body#site-body .hero-card-inner,html body#site-body .error-page-card,html body#site-body .legal-card,html body#site-body .faq-item,
      html body#site-body .faq-admin-row,html body#site-body .city-top-dynamic-content,html body#site-body .city-bottom-dynamic-content,
      html body#site-body .similar-post-card,html body#site-body .similar-post-body,html body#site-body .site-logo-preview-card,
      html body#site-body .existing-image-card,html body#site-body .bulk-city-scope,html body#site-body .post-detail-main,
      html body#site-body .post-detail-content,html body#site-body .post-contact-details,html body#site-body .location-footer-links-section,
      html body#site-body .page-location-links-section,html body#site-body .table-wrap{
        background:var(--card)!important;color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;border-color:var(--line)!important;
      }
      html body#site-body .list-card-content h5,html body#site-body .list-card-content p,
      html body#site-body .listing-card h1,html body#site-body .listing-card h2,html body#site-body .listing-card h3,html body#site-body .listing-card h4,html body#site-body .listing-card h5,html body#site-body .listing-card p,
      html body#site-body .similar-post-card h3,html body#site-body .similar-post-card p,
      html body#site-body .post-detail-content h1,html body#site-body .post-detail-content h2,html body#site-body .post-detail-content h3,html body#site-body .post-detail-content p,
      html body#site-body .post-detail-content .detail-description,html body#site-body .post-contact-details strong,html body#site-body .post-contact-details span,
      html body#site-body .dashboard-card h1,html body#site-body .dashboard-card h2,html body#site-body .dashboard-card h3,html body#site-body .dashboard-card h4,
      html body#site-body .dashboard-card h5,html body#site-body .dashboard-card p,html body#site-body .dashboard-card span,html body#site-body .dashboard-card small,
      html body#site-body .dashboard-card label,html body#site-body .dashboard-card td,html body#site-body .dashboard-card th{
        color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;
      }
      html body#site-body .card-info-chip,html body#site-body .card-info-chip>span,html body#site-body .card-location-part>span:last-child,
      html body#site-body .listing-meta,html body#site-body .meta-row,html body#site-body .card-location,html body#site-body .card-extra{
        color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;
      }

      /* Safe links: if Primary is too close to the selected background, a readable fallback is used. */
      html body#site-body main a:not(.btn):not(.post-floating-contact):not(.city-interlink-button):not(.location-footer-button){
        color:var(--safe-link)!important;-webkit-text-fill-color:var(--safe-link)!important;
      }
      html body#site-body .list-card a:not(.btn),html body#site-body .listing-card a:not(.btn),html body#site-body .similar-post-card a:not(.btn),
      html body#site-body .dashboard-card a:not(.btn):not(.dashboard-nav a){color:var(--safe-card-link)!important;-webkit-text-fill-color:var(--safe-card-link)!important}
      html body#site-body .list-card a h5,html body#site-body .similar-post-card a h3{color:var(--safe-card-link)!important;-webkit-text-fill-color:var(--safe-card-link)!important}

      /* Fallback for any ordinary .btn not carrying a specific variant. */
      html body#site-body .btn:not(.btn-primary):not(.btn-light):not(.btn-danger):not(.btn-dark),
      html body#site-body a.btn:not(.btn-primary):not(.btn-light):not(.btn-danger):not(.btn-dark),
      html body#site-body button.btn:not(.btn-primary):not(.btn-light):not(.btn-danger):not(.btn-dark){
        background:var(--card)!important;color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;
        border:1px solid var(--button-border-card)!important;
      }
      html body#site-body .btn:not(.btn-primary):not(.btn-light):not(.btn-danger):not(.btn-dark) *{
        color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;
      }

      /* Primary buttons and active controls: background may be light OR dark; text auto flips safely. */
      html body#site-body .btn-primary,html body#site-body a.btn-primary,html body#site-body button.btn-primary,
      html body#site-body .city-interlink-button,html body#site-body .location-footer-button,
      html body#site-body .pagination a.active,html body#site-body .dashboard-pagination a.active,
      html body#site-body .status-filters a.active,html body#site-body .dashboard-nav a.active{
        background:var(--brand)!important;border-color:var(--button-border-primary)!important;color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;
      }
      html body#site-body .btn-primary *,html body#site-body .city-interlink-button *,html body#site-body .location-footer-button *,
      html body#site-body .pagination a.active *,html body#site-body .dashboard-pagination a.active *,
      html body#site-body .status-filters a.active *,html body#site-body .dashboard-nav a.active *{
        color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;
      }
      html body#site-body .btn-primary:hover,html body#site-body .btn-primary:focus-visible,html body#site-body .btn-primary:active,
      html body#site-body .city-interlink-button:hover,html body#site-body .city-interlink-button:focus-visible,
      html body#site-body .location-footer-button:hover,html body#site-body .location-footer-button:focus-visible{
        background:var(--brand)!important;border-color:var(--button-border-primary)!important;color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;filter:brightness(.94)!important;
      }

      /* Neutral/light buttons use card background + card-safe text. */
      html body#site-body .btn-light,html body#site-body a.btn-light,html body#site-body button.btn-light{
        background:var(--card)!important;border-color:var(--button-border-card)!important;color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;
      }
      html body#site-body .btn-light *,html body#site-body a.btn-light *,html body#site-body button.btn-light *{color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important}
      html body#site-body .btn-light:hover,html body#site-body .btn-light:focus-visible,html body#site-body .btn-light:active{
        background:var(--brand)!important;border-color:var(--button-border-primary)!important;color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;
      }
      html body#site-body .btn-light:hover *,html body#site-body .btn-light:focus-visible *,html body#site-body .btn-light:active *{color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important}

      /* Regular controls use Primary Theme Color for borders/text; contact-channel buttons are preserved separately. */
      html body#site-body .btn,html body#site-body a.btn,html body#site-body button,
      html body#site-body input[type=submit],html body#site-body input[type=button],html body#site-body input[type=reset]{
        border-width:1px!important;border-style:solid!important;
      }
      html body#site-body .btn-primary,html body#site-body a.btn-primary,html body#site-body button.btn-primary,
      html body#site-body .btn-dark,html body#site-body a.btn-dark,html body#site-body button.btn-dark,
      html body#site-body .city-interlink-button,html body#site-body .location-footer-button{
        border-color:var(--button-border-primary)!important;
      }
      html body#site-body .btn-light,html body#site-body a.btn-light,html body#site-body button.btn-light,
      html body#site-body .dashboard .dashboard-nav a,html body#site-body .status-filters a,
      html body#site-body .pagination a,html body#site-body .pagination span,html body#site-body .city-pill{
        border-color:var(--button-border-card)!important;
      }
      html body#site-body .site-header .icon-link{
        color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;
        border:1px solid var(--button-border-primary)!important;border-radius:10px!important;
      }
      html body#site-body .site-header .icon-link *,html body#site-body .site-header .icon-link svg{
        color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;stroke:currentColor!important;
      }
      html body#site-body .site-header .icon-link:hover,html body#site-body .site-header .icon-link:focus-visible,html body#site-body .site-header .icon-link:active{
        background:transparent!important;color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;
        border-color:var(--button-border-primary)!important;filter:none!important;
      }
      html body#site-body .site-header .btn-primary,
      html body#site-body .site-header a.btn-primary,
      html body#site-body .site-header button.btn-primary{
        border-color:var(--button-border-primary)!important;
      }

      /* Destructive/status controls remain readable regardless of the chosen theme. */
      html body#site-body .btn-danger,html body#site-body a.btn-danger,html body#site-body button.btn-danger{background:#b42318!important;border-color:#fff!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
      html body#site-body .btn-danger *{color:#fff!important;-webkit-text-fill-color:#fff!important}
      html body#site-body .status{border:1px solid var(--brand-edge)!important}
      html body#site-body .status-approved{background:#137333!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
      html body#site-body .status-pending{background:#8a5a00!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
      html body#site-body .status-rejected{background:#b42318!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

      /* Admin + user dashboards. */
      html body#site-body .dashboard{background:var(--site-bg)!important;color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important}
      html body#site-body .dashboard .dashboard-nav a{background:var(--card)!important;color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;border-color:var(--button-border-card)!important}
      html body#site-body .dashboard .dashboard-nav a *{color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important}
      html body#site-body .dashboard .dashboard-nav a:hover,html body#site-body .dashboard .dashboard-nav a:focus-visible,html body#site-body .dashboard .dashboard-nav a.active{
        background:var(--brand)!important;border-color:var(--button-border-primary)!important;color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;
      }
      html body#site-body .dashboard .dashboard-nav a:hover *,html body#site-body .dashboard .dashboard-nav a:focus-visible *,html body#site-body .dashboard .dashboard-nav a.active *{color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important}
      html body#site-body .dashboard table,html body#site-body .dashboard thead,html body#site-body .dashboard tbody,html body#site-body .dashboard tr,html body#site-body .dashboard th,html body#site-body .dashboard td{
        background:var(--card)!important;color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;border-color:var(--line)!important;
      }
      html body#site-body .dashboard thead th{background:var(--soft)!important;color:var(--soft-text)!important;-webkit-text-fill-color:var(--soft-text)!important}
      html body#site-body .dashboard .stat-card strong{color:var(--safe-card-link)!important;-webkit-text-fill-color:var(--safe-card-link)!important}
      html body#site-body .status-filters a,html body#site-body .pagination a,html body#site-body .pagination span,html body#site-body .city-pill{
        background:var(--card)!important;color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important;border-color:var(--button-border-card)!important;
      }
      html body#site-body .status-filters a:hover,html body#site-body .status-filters a:focus-visible,html body#site-body .status-filters a.active,
      html body#site-body .pagination a:hover,html body#site-body .pagination a.active,html body#site-body .city-pill:hover,html body#site-body .city-pill:focus-visible{
        background:var(--brand)!important;color:var(--on-primary)!important;-webkit-text-fill-color:var(--on-primary)!important;border-color:var(--button-border-primary)!important;
      }

      /* Post page contact facts + cards. */
      html body#site-body .post-fact,html body#site-body .post-facts{background:var(--card)!important;color:var(--card-text)!important;border-color:var(--line)!important}
      html body#site-body .post-fact strong,html body#site-body .post-fact span{color:var(--card-text)!important;-webkit-text-fill-color:var(--card-text)!important}
      html body#site-body .post-fact a{color:var(--safe-card-link)!important;-webkit-text-fill-color:var(--safe-card-link)!important}

      html body#site-body input:focus,html body#site-body textarea:focus,html body#site-body select:focus,html body#site-body .form-control:focus{outline:2px solid var(--brand-edge)!important;border-color:var(--brand-edge)!important}

      /* FINAL REGULAR BUTTON THEME LOCK
         Background = selected Background color.
         Text + border = selected Primary Theme Color.
         Fixed Call/WhatsApp/Telegram contact buttons are excluded and keep their original channel CSS. */
      html body#site-body .btn,html body#site-body a.btn,html body#site-body button,
      html body#site-body input[type=submit],html body#site-body input[type=button],html body#site-body input[type=reset],
      html body#site-body .site-header .icon-link,html body#site-body .dashboard .dashboard-nav a,
      html body#site-body .status-filters a,html body#site-body .pagination a,html body#site-body .pagination span,
      html body#site-body .dashboard-pagination a,html body#site-body .dashboard-pagination span,
      html body#site-body .city-pill,html body#site-body .city-interlink-button,html body#site-body .location-footer-button{
        background:var(--button-bg)!important;
        color:var(--button-text)!important;-webkit-text-fill-color:var(--button-text)!important;
        border-color:var(--button-border)!important;border-width:1px!important;border-style:solid!important;
        filter:none!important;
      }
      html body#site-body .btn *,html body#site-body a.btn *,html body#site-body button *,
      html body#site-body .site-header .icon-link *,html body#site-body .dashboard .dashboard-nav a *,
      html body#site-body .status-filters a *,html body#site-body .pagination a *,html body#site-body .pagination span *,
      html body#site-body .dashboard-pagination a *,html body#site-body .dashboard-pagination span *,
      html body#site-body .city-pill *,html body#site-body .city-interlink-button *,html body#site-body .location-footer-button *{
        color:var(--button-text)!important;-webkit-text-fill-color:var(--button-text)!important;
      }
      html body#site-body .btn svg,html body#site-body a.btn svg,html body#site-body button svg,
      html body#site-body .site-header .icon-link svg,html body#site-body .city-interlink-button svg,
      html body#site-body .location-footer-button svg{
        color:var(--button-text)!important;stroke:currentColor!important;
      }
      html body#site-body .btn:hover,html body#site-body .btn:focus-visible,html body#site-body .btn:active,
      html body#site-body a.btn:hover,html body#site-body a.btn:focus-visible,html body#site-body a.btn:active,
      html body#site-body button:hover,html body#site-body button:focus-visible,html body#site-body button:active,
      html body#site-body input[type=submit]:hover,html body#site-body input[type=button]:hover,html body#site-body input[type=reset]:hover,
      html body#site-body .site-header .icon-link:hover,html body#site-body .site-header .icon-link:focus-visible,html body#site-body .site-header .icon-link:active,
      html body#site-body .dashboard .dashboard-nav a:hover,html body#site-body .dashboard .dashboard-nav a:focus-visible,html body#site-body .dashboard .dashboard-nav a.active,
      html body#site-body .status-filters a:hover,html body#site-body .status-filters a:focus-visible,html body#site-body .status-filters a.active,
      html body#site-body .pagination a:hover,html body#site-body .pagination a:focus-visible,html body#site-body .pagination a.active,
      html body#site-body .dashboard-pagination a:hover,html body#site-body .dashboard-pagination a:focus-visible,html body#site-body .dashboard-pagination a.active,
      html body#site-body .city-pill:hover,html body#site-body .city-pill:focus-visible,
      html body#site-body .city-interlink-button:hover,html body#site-body .city-interlink-button:focus-visible,
      html body#site-body .location-footer-button:hover,html body#site-body .location-footer-button:focus-visible{
        background:var(--button-bg)!important;
        color:var(--button-text)!important;-webkit-text-fill-color:var(--button-text)!important;
        border-color:var(--button-border)!important;filter:none!important;
      }

      /* HEADER BUTTON LOCK: header action buttons always use the All Content Text Color picker
         for text, icons and border. Their background continues to follow the normal button background rule. */
      html body#site-body .site-header .header-actions .icon-link,
      html body#site-body .site-header .header-actions .btn,
      html body#site-body .site-header .header-actions a.btn,
      html body#site-body .site-header .header-actions button{
        color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;
        border-color:var(--site-text)!important;border-width:1px!important;border-style:solid!important;
      }
      html body#site-body .site-header .header-actions .icon-link *,
      html body#site-body .site-header .header-actions .btn *,
      html body#site-body .site-header .header-actions a.btn *,
      html body#site-body .site-header .header-actions button *,
      html body#site-body .site-header .header-actions .icon-link svg,
      html body#site-body .site-header .header-actions .btn svg,
      html body#site-body .site-header .header-actions a.btn svg,
      html body#site-body .site-header .header-actions button svg{
        color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;stroke:currentColor!important;
      }
      html body#site-body .site-header .header-actions .icon-link:hover,
      html body#site-body .site-header .header-actions .icon-link:focus-visible,
      html body#site-body .site-header .header-actions .icon-link:active,
      html body#site-body .site-header .header-actions .btn:hover,
      html body#site-body .site-header .header-actions .btn:focus-visible,
      html body#site-body .site-header .header-actions .btn:active,
      html body#site-body .site-header .header-actions button:hover,
      html body#site-body .site-header .header-actions button:focus-visible,
      html body#site-body .site-header .header-actions button:active{
        color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;
        border-color:var(--site-text)!important;
      }

      /* Exact site-wide box background: catches legacy div/form/table boxes that still had hard-coded colors. */
      html body#site-body main div,html body#site-body main section,html body#site-body main article,html body#site-body main aside,
      html body#site-body main form,html body#site-body main table,html body#site-body main thead,html body#site-body main tbody,
      html body#site-body main tr,html body#site-body main th,html body#site-body main td,html body#site-body main pre,html body#site-body main code{
        background-color:var(--site-bg)!important;
      }
      html body#site-body main .hero,html body#site-body main .hero-card-inner,html body#site-body main .post-facts,
      html body#site-body main .post-fact,html body#site-body main .location-footer-links-section,html body#site-body main .similar-posts-section{
        background:var(--site-bg)!important;background-image:none!important;
      }

      /* GLOBAL SURFACE LOCK: Background picker controls every page/card/box surface, including old hard-coded white/gray boxes. */
      html body#site-body main section,html body#site-body main article,html body#site-body main aside,
      html body#site-body .page-hero,html body#site-body .location-title-bar,html body#site-body .content-layout,
      html body#site-body .card,html body#site-body .category-card,html body#site-body .listing-card,html body#site-body .list-card,
      html body#site-body .list-card-content,html body#site-body .detail-main,html body#site-body .seller-card,html body#site-body .form-card,
      html body#site-body .dashboard-card,html body#site-body .stat-card,html body#site-body .filter-panel,html body#site-body .hero-card,
      html body#site-body .hero-card-inner,html body#site-body .error-page-card,html body#site-body .legal-card,html body#site-body .faq-item,
      html body#site-body .faq-admin-row,html body#site-body .city-top-dynamic-content,html body#site-body .city-bottom-dynamic-content,
      html body#site-body .similar-post-card,html body#site-body .similar-post-body,html body#site-body .site-logo-preview-card,
      html body#site-body .existing-image-card,html body#site-body .bulk-city-scope,html body#site-body .post-detail-main,
      html body#site-body .post-detail-content,html body#site-body .post-contact-details,html body#site-body .post-fact,html body#site-body .post-facts,
      html body#site-body .contact-channel-card,html body#site-body .manager-user-item,html body#site-body .manager-state-picker,
      html body#site-body .manager-state-option,html body#site-body .custom-scope-grid,html body#site-body .bulk-action-bar,
      html body#site-body .shortcode-box,html body#site-body .table-wrap,html body#site-body .empty-state,
      html body#site-body .location-footer-links-section,html body#site-body .page-location-links-section,html body#site-body .post-location-links-section,
      html body#site-body .similar-posts-section,html body#site-body .section,html body#site-body .section-soft,html body#site-body .hero,
      html body#site-body .header-search,html body#site-body .hero-card .mini-search,html body#site-body .hero-stats div,
      html body#site-body .category-icon,html body#site-body .choice-card,html body#site-body .post-title-bar,
      html body#site-body .post-page-pagination-link,html body#site-body .card-info-chip,html body#site-body .card-location-chip,
      html body#site-body .card-age-chip,html body#site-body .card-nationality-chip,html body#site-body .card-travel-chip,
      html body#site-body .card-service-chip,html body#site-body .card-price-chip,html body#site-body .card-size-chip,
      html body#site-body .card-payment-chip,html body#site-body .shortcode-copy-row code,html body#site-body .legal-notice,
      html body#site-body .image-pool-preview,html body#site-body .site-logo-preview,html body#site-body .site-logo-placeholder,
      html body#site-body .site-identity-fallback,html body#site-body .empty-city-listing-card{
        background:var(--site-bg)!important;background-image:none!important;color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;
      }
      html body#site-body .empty-state{
        border:1px solid var(--site-text)!important;border-radius:var(--radius,16px)!important;padding:22px!important;
      }
      html body#site-body .empty-state *,html body#site-body .site-logo-preview-card *,
      html body#site-body .contact-channel-card *,html body#site-body .manager-user-item *,html body#site-body .manager-state-picker *,
      html body#site-body .manager-state-option *,html body#site-body .bulk-action-bar *{
        color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;
      }
      html body#site-body main table,html body#site-body main thead,html body#site-body main tbody,html body#site-body main tr,
      html body#site-body main th,html body#site-body main td{
        background:var(--site-bg)!important;color:var(--site-text)!important;-webkit-text-fill-color:var(--site-text)!important;
      }

      /* ALL ACTUAL CARD BORDERS: selected Primary Theme Color.
         This changes card outlines only; inner field/chip/channel styling stays untouched. */
      html body#site-body .card,html body#site-body .category-card,html body#site-body .listing-card,html body#site-body .list-card,
      html body#site-body .detail-main,html body#site-body .seller-card,html body#site-body .form-card,html body#site-body .dashboard-card,
      html body#site-body .stat-card,html body#site-body .filter-panel,html body#site-body .hero-card,html body#site-body .error-page-card,
      html body#site-body .legal-card,html body#site-body .faq-item,html body#site-body .faq-admin-row,
      html body#site-body .city-top-dynamic-content,html body#site-body .city-bottom-dynamic-content,
      html body#site-body .similar-post-card,html body#site-body .site-logo-preview-card,html body#site-body .existing-image-card,
      html body#site-body .bulk-city-scope,html body#site-body .post-detail-main,html body#site-body .post-detail-content,
      html body#site-body .post-contact-details,html body#site-body .post-fact,html body#site-body .post-facts,
      html body#site-body .contact-channel-card,html body#site-body .manager-user-item,html body#site-body .manager-state-picker,
      html body#site-body .manager-state-option,html body#site-body .custom-scope-grid,html body#site-body .bulk-action-bar,
      html body#site-body .shortcode-box,html body#site-body .table-wrap,html body#site-body .empty-state,
      html body#site-body .choice-card,html body#site-body .empty-city-listing-card{
        border:1px solid var(--brand)!important;
      }
      /* Post detail is one card: image + content share the outer Primary border. */
      html body#site-body .post-detail-main.post-detail-card>.post-detail-content{
        border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;
      }
      /* v64: Keep the full Primary border around the post image/content card.
         Remove only the divider directly under the post title section. */
      html body#site-body .post-title-bar{
        border-bottom:0!important;
        box-shadow:none!important;
      }

      /* Preserve the original contact-channel colors/CSS. These are NOT theme buttons. */
      html body#site-body .post-fact-phone,html body#site-body .post-fact-phone>.icon{color:#0f766e!important;-webkit-text-fill-color:#0f766e!important}
      html body#site-body .post-fact-whatsapp,html body#site-body .post-fact-whatsapp>.icon{color:#16a34a!important;-webkit-text-fill-color:#16a34a!important}
      html body#site-body .post-fact-telegram,html body#site-body .post-fact-telegram>.icon{color:#229ed9!important;-webkit-text-fill-color:#229ed9!important}

      /* Empty/no-image card areas also follow the selected Background contrast.
         Hide the old fixed gray placeholder artwork so the selected background is actually visible. */
      html body#site-body .listing-image:has(img[src*="placeholder.svg"]),
      html body#site-body .list-card-image:has(img[src*="placeholder.svg"]),
      html body#site-body .similar-post-image:has(img[src*="placeholder.svg"]),
      html body#site-body .gallery-main:has(img[src*="placeholder.svg"]),
      html body#site-body .post-detail-slider:has(img[src*="placeholder.svg"]){
        position:relative!important;background:var(--button-bg)!important;
        border:1px solid var(--button-border)!important;color:var(--button-text)!important;
      }
      html body#site-body .listing-image img[src*="placeholder.svg"],
      html body#site-body .list-card-image img[src*="placeholder.svg"],
      html body#site-body .similar-post-image img[src*="placeholder.svg"],
      html body#site-body .gallery-main img[src*="placeholder.svg"],
      html body#site-body .post-detail-slider img[src*="placeholder.svg"]{opacity:0!important}
      html body#site-body .listing-image:has(img[src*="placeholder.svg"])::after,
      html body#site-body .list-card-image:has(img[src*="placeholder.svg"])::after,
      html body#site-body .similar-post-image:has(img[src*="placeholder.svg"])::after,
      html body#site-body .gallery-main:has(img[src*="placeholder.svg"])::after,
      html body#site-body .post-detail-slider:has(img[src*="placeholder.svg"])::after{
        content:"No image";position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;
        color:var(--button-text)!important;-webkit-text-fill-color:var(--button-text)!important;
        font-weight:800;font-size:14px;letter-spacing:.01em;
      }
      /* v71: FINAL Top/Bottom Content typography. Keep this in the inline theme layer so
         no earlier stylesheet or mobile rule can override the requested values. */
      html body#site-body .site-header{border-bottom:0!important}
      html body#site-body .city-top-dynamic-content h1,html body#site-body .city-top-dynamic-content h2,html body#site-body .city-top-dynamic-content h3,
      html body#site-body .city-top-dynamic-content h4,html body#site-body .city-top-dynamic-content h5,html body#site-body .city-top-dynamic-content h6,
      html body#site-body .city-bottom-dynamic-content h1,html body#site-body .city-bottom-dynamic-content h2,html body#site-body .city-bottom-dynamic-content h3,
      html body#site-body .city-bottom-dynamic-content h4,html body#site-body .city-bottom-dynamic-content h5,html body#site-body .city-bottom-dynamic-content h6{
        font-size:18px!important;font-weight:700!important;line-height:1.40!important;text-align:center!important;
        margin:8px 0!important;padding:0!important;letter-spacing:0!important;
      }
      html body#site-body .city-top-dynamic-content p,html body#site-body .city-bottom-dynamic-content p,
      html body#site-body .city-top-dynamic-content p *,html body#site-body .city-bottom-dynamic-content p *{
        font-size:15px!important;line-height:1.40!important;
      }
      html body#site-body .city-top-dynamic-content p,html body#site-body .city-bottom-dynamic-content p{
        margin:8px 0!important;padding:0!important;
      }
      html body#site-body .city-top-dynamic-content h1 *,html body#site-body .city-top-dynamic-content h2 *,html body#site-body .city-top-dynamic-content h3 *,
      html body#site-body .city-top-dynamic-content h4 *,html body#site-body .city-top-dynamic-content h5 *,html body#site-body .city-top-dynamic-content h6 *,
      html body#site-body .city-bottom-dynamic-content h1 *,html body#site-body .city-bottom-dynamic-content h2 *,html body#site-body .city-bottom-dynamic-content h3 *,
      html body#site-body .city-bottom-dynamic-content h4 *,html body#site-body .city-bottom-dynamic-content h5 *,html body#site-body .city-bottom-dynamic-content h6 *{
        font-size:18px!important;line-height:1.40!important;
      }
            html body#site-body .city-top-dynamic-content a,html body#site-body .city-bottom-dynamic-content a,
      html body#site-body .city-top-dynamic-content a:visited,html body#site-body .city-bottom-dynamic-content a:visited{
        color:var(--brand)!important;-webkit-text-fill-color:var(--brand)!important;
      }

      /* v64: Restore the Primary top outline of the single post image/content card.
         This specifically beats the older critical-post border-top:0 rule. */
      html body#site-body .post-detail-main.post-detail-card{border-top:1px solid var(--brand)!important}

      /* v51: Mobile header has only one action button: Post Your Ads.
         Desktop keeps the Login/User/Admin action unchanged. */
      html body#site-body .site-header .post-ad-header-button::before,
      html body#site-body .site-header .post-ad-header-button::after{content:none!important;display:none!important}
      html body#site-body .site-header .post-ad-header-button .icon,
      html body#site-body .site-header .post-ad-header-button svg{display:none!important}
      @media(max-width:640px){
        html body#site-body .site-header .header-actions .icon-link{display:none!important}
        html body#site-body .site-header .header-actions{gap:0!important}
        html body#site-body .site-header .post-ad-header-button{list-style:none!important}
        html body#site-body .site-header .post-ad-header-button::marker{content:none!important;font-size:0!important}
      }
      @media(max-width:760px){.theme-color-admin-grid{grid-template-columns:1fr!important}}