/* ============================================================
   Warranty page (page-warranty.php)
   Design system: bg #0a0a0a / gold #F1B300 / white / Roboto
   Title font (Barlow Condensed) set explicitly below.
   Narrower measure than the listing pages – this one is read, not scanned.
   ============================================================ */

.wt-page { background:#0a0a0a; color:#fff; overflow-x:hidden; }
.wt-inner { width:min(1000px,100%); margin:0 auto; padding:0 32px; }

/* ---------- Hero ---------- */
.wt-hero { padding:150px 0 46px; background:#0a0a0a; text-align:center; }
.wt-hero__title {
    font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
    color:#fff; font-size:clamp(32px,4.6vw,56px); font-weight:800;
    line-height:1.05; letter-spacing:3px; text-transform:uppercase; margin:0 auto;
}
.wt-hero__sub {
    color:rgba(255,255,255,.62); font-size:16px; line-height:1.75;
    max-width:720px; margin:18px auto 0;
}

/* ---------- body ---------- */
.wt-body { padding:20px 0 96px; }

.wt-intro {
    color:rgba(255,255,255,.72); font-size:16px; line-height:1.85; margin:0 0 48px;
}
.wt-intro a { color:#F1B300; text-decoration:underline; text-underline-offset:3px; }
.wt-intro a:hover { color:#ffc400; }

/* ---------- the two coverage blocks ---------- */
.wt-types { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 56px; }
.wt-type {
    background:#101010; border:1px solid rgba(255,255,255,.10);
    border-left:3px solid #F1B300; border-radius:6px; padding:26px 26px 28px;
    transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
}
.wt-type:hover {
    border-color:rgba(241,179,0,.45); border-left-color:#F1B300;
    transform:translateY(-3px); box-shadow:0 16px 36px rgba(0,0,0,.45);
}
.wt-type__title {
    font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
    color:#fff; font-size:22px; font-weight:800; letter-spacing:1.5px;
    text-transform:uppercase; margin:0 0 14px;
}
.wt-type__text {
    color:rgba(255,255,255,.68); font-size:14.5px; line-height:1.8; margin:0;
}

/* ---------- numbered details ---------- */
.wt-details__title {
    font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
    color:#fff; font-size:28px; font-weight:800; letter-spacing:2px;
    text-transform:uppercase; margin:0 0 28px;
    padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.10);
}
.wt-details { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:18px; }
.wt-item {
    display:flex; gap:20px; align-items:flex-start;
    background:#101010; border:1px solid rgba(255,255,255,.08);
    border-radius:6px; padding:22px 24px;
    transition:border-color .3s ease;
}
.wt-item:hover { border-color:rgba(241,179,0,.32); }
.wt-item__no {
    flex:0 0 auto; color:#F1B300;
    font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
    font-size:30px; font-weight:800; line-height:1; min-width:34px;
}
.wt-item__body { min-width:0; }
.wt-item__q {
    color:#fff; font-size:17px; font-weight:700; line-height:1.4; margin:0 0 10px;
}
.wt-item__a {
    color:rgba(255,255,255,.66); font-size:14.5px; line-height:1.8; margin:0;
}
.wt-item__a a { color:#F1B300; text-decoration:underline; text-underline-offset:3px; }
.wt-item__a a:hover { color:#ffc400; }
.wt-item__a ul { margin:10px 0 0; padding-left:20px; }
.wt-item__a li { margin-bottom:6px; }

/* ---------- CTA ---------- */
.wt-cta { margin-top:56px; text-align:center; }
.wt-cta__btn {
    display:inline-flex; align-items:center; gap:10px;
    background:#F1B300; color:#0a0a0a; font-weight:800; letter-spacing:2px;
    text-transform:uppercase; font-size:14px; padding:15px 34px; border-radius:4px;
    text-decoration:none; transition:background .25s ease, transform .25s ease;
}
.wt-cta__btn:hover { background:#ffc400; transform:translateY(-2px); color:#0a0a0a; }

/* ---------- empty ---------- */
.wt-empty { text-align:center; color:#8a8a8a; font-size:14px; padding:70px 0; margin:0; }

/* ---------- responsive ---------- */
@media (max-width:900px) {
    .wt-types { grid-template-columns:1fr; gap:18px; }
}
@media (max-width:680px) {
    .wt-inner { padding:0 18px; }
    .wt-hero { padding:108px 0 30px; }
    .wt-body { padding:14px 0 64px; }
    .wt-intro { font-size:15px; margin-bottom:36px; }
    .wt-type { padding:22px 20px 24px; }
    .wt-type__title { font-size:20px; }
    .wt-details__title { font-size:23px; margin-bottom:22px; }
    .wt-item { gap:14px; padding:18px 18px 20px; }
    .wt-item__no { font-size:25px; min-width:28px; }
    .wt-item__q { font-size:16px; }
    .wt-cta__btn { width:100%; justify-content:center; }
}

@media (prefers-reduced-motion: reduce) {
    .wt-type, .wt-item, .wt-cta__btn { transition:none; }
}