﻿/* Shared detail components for themes 09–17; palette and typography live in each theme. */
body.usersite-detail-themed .usersite-detail-section { background:var(--dt-page); color:var(--dt-text); }
body.usersite-detail-themed .usersite-detail-card { background:var(--dt-surface); color:var(--dt-text); border:1px solid var(--dt-border); border-radius:var(--dt-radius); box-shadow:var(--dt-shadow); padding:24px; }
body.usersite-detail-themed .usersite-detail-card::before, body.usersite-detail-themed .usersite-detail-card::after, body.usersite-detail-themed .usersite-detail-side::before, body.usersite-detail-themed .usersite-detail-side::after { display:none; }
body.usersite-detail-themed .usersite-detail-side { background:var(--dt-soft); color:var(--dt-text); border:1px solid var(--dt-border); border-top:4px solid var(--dt-accent); border-radius:var(--dt-radius); box-shadow:none; padding:24px; }
body.usersite-detail-themed .usersite-detail-title { color:var(--dt-text); font-family:var(--dt-font); font-weight:var(--dt-weight); font-size:clamp(22px,2vw,28px); line-height:1.3; overflow-wrap:anywhere; }
body.usersite-detail-themed .usersite-detail-price { background:var(--dt-price); color:var(--dt-price-text); border-radius:var(--dt-radius); box-shadow:none; font-family:var(--dt-font); font-size:24px; line-height:1.25; font-weight:700; padding:16px; overflow-wrap:anywhere; }
body.usersite-detail-themed .usersite-detail-main-photo-button { background:var(--dt-soft); border:1px solid var(--dt-border); border-radius:var(--dt-radius); box-shadow:none; }
body.usersite-detail-themed .usersite-detail-main-photo { background:var(--dt-soft); object-fit:contain; }
body.usersite-detail-themed .usersite-detail-thumb { background:var(--dt-soft); border-radius:var(--dt-radius); box-shadow:none; border-color:var(--dt-border); }
body.usersite-detail-themed .usersite-detail-thumb.active { border-color:var(--dt-accent); }
body.usersite-detail-themed .usersite-detail-open-gallery, body.usersite-detail-themed .usersite-detail-contact-button { background:var(--dt-soft); color:var(--dt-text); border:1px solid var(--dt-border); border-radius:var(--dt-radius); box-shadow:none; font-weight:600; }
body.usersite-detail-themed .usersite-detail-phone-button { background:var(--dt-button); color:var(--dt-button-text); border-color:var(--dt-button); }
body.usersite-detail-themed .usersite-detail-open-gallery:hover, body.usersite-detail-themed .usersite-detail-contact-button:hover { background:var(--dt-button); color:var(--dt-button-text); border-color:var(--dt-accent); box-shadow:none; transform:none; filter:none; }
body.usersite-detail-themed .usersite-detail-contact-line { flex-wrap:wrap; white-space:normal; }
body.usersite-detail-themed .usersite-detail-contact-number { overflow-wrap:anywhere; min-width:0; }
body.usersite-detail-themed .usersite-detail-meta { background:var(--dt-surface); border-color:var(--dt-border); border-radius:var(--dt-radius); padding:12px; }
body.usersite-detail-themed .usersite-detail-meta div { border-color:var(--dt-border); color:var(--dt-muted); font-weight:500; align-items:flex-start; flex-wrap:wrap; }
body.usersite-detail-themed .usersite-detail-meta strong { color:var(--dt-text); overflow-wrap:anywhere; }
body.usersite-detail-themed .usersite-detail-meta .usersite-advert-code { color:var(--dt-accent); }
body.usersite-detail-themed .usersite-detail-location .usersite-listing-location-primary, body.usersite-detail-themed .usersite-detail-location .usersite-listing-location-secondary { color:var(--dt-muted); }
body.usersite-detail-themed .usersite-detail-location .usersite-listing-location-icon { color:var(--dt-accent); background:var(--dt-surface); border-color:var(--dt-border); }
body.usersite-detail-themed .usersite-detail-article-wrap { border-color:var(--dt-border); }
body.usersite-detail-themed .usersite-detail-article { color:var(--dt-text); line-height:1.85; overflow-wrap:anywhere; }
body.usersite-detail-themed .usersite-detail-article-wrap h2 { color:var(--dt-text); font-family:var(--dt-font); font-weight:var(--dt-weight); }
body.usersite-detail-themed .usersite-detail-feature { background:var(--dt-soft); color:var(--dt-text); border-color:var(--dt-border); border-radius:var(--dt-radius); }
body.usersite-detail-themed .usersite-detail-feature.is-passive { color:var(--dt-muted); }
body.usersite-detail-themed .usersite-detail-feature-check { background:var(--dt-button); color:var(--dt-button-text); }
body.usersite-detail-themed .usersite-advert-source { --rb-source-accent:var(--dt-accent); --rb-source-accent-2:var(--dt-text); --rb-source-surface:var(--dt-surface); --rb-source-border:var(--dt-border); --rb-source-ink:var(--dt-text); --rb-source-muted:var(--dt-muted); --rb-source-radius:var(--dt-radius); box-shadow:none; }
body.usersite-detail-themed .usersite-advert-source-link { background:var(--dt-button); color:var(--dt-button-text); border-color:var(--dt-border); border-radius:var(--dt-radius); box-shadow:none; }
body.usersite-detail-themed .usersite-product-original-price { background:var(--dt-surface); border-color:var(--dt-border); border-left-color:var(--dt-accent); border-radius:var(--dt-radius); color:var(--dt-text); }
body.usersite-detail-themed .usersite-conversion-heading, body.usersite-detail-themed .usersite-original-price-row dd { color:var(--dt-accent); }
body.usersite-detail-themed .usersite-conversion-note { color:var(--dt-muted); }
body.usersite-detail-themed .usersite-original-price-row { border-color:var(--dt-border); }
body.usersite-detail-themed .usersite-gallery-modal-close, body.usersite-detail-themed .usersite-gallery-modal-controls button { background:var(--dt-button); color:var(--dt-button-text); border:1px solid var(--dt-accent); border-radius:var(--dt-radius); box-shadow:none; }
body.usersite-detail-themed .usersite-detail-section :is(a,button):focus-visible, body.usersite-detail-themed .usersite-gallery-modal button:focus-visible { outline:3px solid var(--dt-accent); outline-offset:3px; }
@media(max-width:575.98px) {
 body.usersite-detail-themed .usersite-detail-card { padding:14px; }
 body.usersite-detail-themed .usersite-detail-side { padding:18px; }
 body.usersite-detail-themed .usersite-detail-main-photo { height:300px; }
 body.usersite-detail-themed .usersite-advert-source-heading { flex-wrap:wrap; }
}
/* Theme-specific composition, beyond palette. */
body.usersite-layout11-body.usersite-detail-themed .usersite-detail-side { border-width:0 0 0 1px; background:transparent; }
body.usersite-layout11-body.usersite-detail-themed .usersite-detail-price { text-align:left; justify-content:flex-start; padding-left:0; border-bottom:1px solid var(--dt-border); }
body.usersite-layout14-body.usersite-detail-themed .usersite-detail-side { border-top:5px solid #ED4884; }
body.usersite-layout14-body.usersite-detail-themed .usersite-detail-open-gallery { border-bottom:3px solid #32BCCC; }
body.usersite-layout16-body.usersite-detail-themed .usersite-detail-side { box-shadow:0 0 20px #39DFFF16; }
body.usersite-layout17-body.usersite-detail-themed .usersite-detail-side { border:1px solid #30271F; box-shadow:4px 4px 0 #DED0B4; }
body.usersite-layout17-body.usersite-detail-themed .usersite-detail-price { font-family:'Courier New',monospace; border:1px solid #30271F; }