/*
 * legal-pages.css — split from legal.css, Session 65 (performance pass)
 * Legal PAGE content only: Privacy Policy, Terms, Returns, Shipping,
 * FAQ, Cookie Policy, Silver Care, Size Guide, Gifting -- the
 * [silure_privacy_policy] etc. shortcode-rendered content and its
 * .elementor-element-lglctx01 override. Loaded only on the actual pages
 * carrying one of these shortcodes (see
 * silure_enqueue_legal_page_assets() in silure-core.php) -- NOT sitewide.
 *
 * "was -0.03em" / "was Italiana, see file header" markers (Session 30
 * close-out, letter-spacing + Italiana removal sweeps): this content
 * predates the site's -0.01em heading standard and CLAUDE.md's Italiana
 * ban. .silure-legal-hero__heading and .silure-legal h1/h2's wrapper
 * (.silure-legal-hero/.silure-legal) did not appear anywhere in current
 * markup on any of the 9 legal pages fetched live as of the original
 * Session 30 audit -- genuinely orphaned, all of them render via
 * Elementor's own .elementor-heading-title instead as of that check.
 * Kept (not deleted) since this file's own scope is delivery mechanism,
 * not content cleanup -- same reasoning as the original.
 * All colours via --silure-* tokens. border-radius: 0 throughout.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   LEGAL PAGES — shared layout
═══════════════════════════════════════════════════════════════════════════ */

.silure-legal-hero {
    background: var(--silure-bg-dark, #050505);
    padding: 80px 32px;
    text-align: center;
}

.silure-legal-hero__label {
    font-family: 'Mulish', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--silure-muted, #7A7672);
    margin: 0 0 20px;
}

.silure-legal-hero__heading {
    font-family: 'Mulish', sans-serif; /* was Italiana, see file header */
    font-size: clamp(44px, 7vw, 88px);
    font-weight: 400;
    line-height: 0.92;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: var(--silure-on-dark, #FBF9F6);
    margin: 0 0 24px;
}

.silure-legal-hero__updated {
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: var(--silure-muted, #7A7672);
    letter-spacing: 0.3px;
}

.silure-legal {
    max-width: 760px;
    margin: 0 auto;
    padding: 72px 32px 96px;
}

.silure-legal h1 {
    font-family: 'Mulish', sans-serif; /* was Italiana, see file header */
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 400;
    line-height: 1.0;
    letter-spacing: 0.5px;
    color: var(--silure-primary, #050505);
    margin: 0 0 40px;
}

.silure-legal h2 {
    font-family: 'Mulish', sans-serif; /* was Italiana, see file header */
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--silure-primary, #050505);
    margin: 56px 0 16px;
    line-height: 1.1;
}

.silure-legal h3 {
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--silure-primary, #050505);
    margin: 36px 0 12px;
}

.silure-legal p {
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.8;
    color: var(--silure-text, #444444);
    margin: 0 0 20px;
}

.silure-legal ul,
.silure-legal ol {
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.8;
    color: var(--silure-text, #444444);
    padding-left: 24px;
    margin: 0 0 20px;
}

.silure-legal li { margin-bottom: 8px; }

.silure-legal a {
    color: var(--silure-primary, #050505);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.silure-legal strong {
    font-weight: 400;
    color: var(--silure-primary, #050505);
}

.silure-legal hr {
    border: none;
    border-top: 1px solid var(--silure-border, #E8E4DF);
    margin: 56px 0;
}

/* Inline data table (business details) */
.silure-legal table.silure-legal-details {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 20px;
    font-family: 'Mulish', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: var(--silure-text, #444444);
}

.silure-legal table.silure-legal-details td {
    padding: 10px 0;
    border-bottom: 1px solid var(--silure-border, #E8E4DF);
    vertical-align: top;
    line-height: 1.6;
}

.silure-legal table.silure-legal-details td:first-child {
    font-weight: 400;
    color: var(--silure-primary, #050505);
    width: 36%;
    padding-right: 24px;
}

/* Callout box (rights, contact) */
.silure-legal__callout {
    background: var(--silure-surface, #F3F0EB);
    padding: 28px 32px;
    margin: 32px 0;
    border-left: 2px solid var(--silure-border-mid, #C8C4BF);
}

.silure-legal__callout p { margin: 0 0 8px; }
.silure-legal__callout p:last-child { margin: 0; }
/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .silure-legal { padding: 56px 24px 80px; }
    .silure-legal-hero { padding: 64px 24px; }
    .silure-legal table.silure-legal-details td:first-child { width: 44%; }
}

/* Override Elementor Kit 15px — match About page 13px standard */
.elementor-element-lglctx01 p,
.elementor-element-lglctx01 li,
.elementor-element-lglctx01 td { font-size: 13px !important; }