/*
Theme Name:   MWL.support (Kadence Child)
Theme URI:    https://www.macos-windows.support/
Description:  Child-Theme für MWL.support – MIS Group Switzerland. Basiert auf Kadence.
Author:       MIS Group Switzerland
Template:     kadence
Version:      1.0.0
Text Domain:  mwl-support
*/

:root{
  --mwl-ink:#14213D; --mwl-ink-soft:#4A5672; --mwl-paper:#F3F5F7; --mwl-white:#FFFFFF;
  --mwl-signal:#F2B705; --mwl-teal:#2A7F7A; --mwl-line:#D5DBE3; --mwl-dark-line:#2E3D60;
  --mwl-head:var(--global-heading-font-family,"Bricolage Grotesque"),"Segoe UI",system-ui,sans-serif;
}

/* Grundlagen */
body{background:var(--mwl-paper);color:var(--mwl-ink)}
.entry-content h1,.entry-content h2,.entry-content h3{font-family:var(--mwl-head);color:var(--mwl-ink);line-height:1.12}
.entry-content h1{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;letter-spacing:-.02em}
.entry-content h2{font-size:clamp(1.6rem,3.4vw,2.5rem);font-weight:700}
.entry-content h3{font-size:1.3rem;font-weight:700}
.entry-content a:focus-visible,.entry-content summary:focus-visible{outline:3px solid var(--mwl-signal);outline-offset:3px}

/* Vollbreite Abschnitte ohne Lücken */
.entry-content > .wp-block-group.alignfull{margin-top:0;margin-bottom:0;padding:84px 24px}
.mwl-hero{background:var(--mwl-white);border-bottom:1px solid var(--mwl-line);padding-top:56px!important}
.mwl-section{background:var(--mwl-paper)}
.mwl-band{background:var(--mwl-white);border-top:1px solid var(--mwl-line);border-bottom:1px solid var(--mwl-line)}
.mwl-dark,.mwl-cta{background:var(--mwl-ink)}
.mwl-dark h2,.mwl-dark h3,.mwl-cta h2{color:var(--mwl-white)}
.mwl-dark p,.mwl-cta p{color:#C9D1E0}

/* Text */
.mwl-brand{font-family:var(--mwl-head);font-weight:700;color:var(--mwl-teal);margin-bottom:12px}
.mwl-lead{font-size:1.2rem;color:var(--mwl-ink-soft);max-width:36em}
.mwl-muted{color:var(--mwl-ink-soft)}
.mwl-crumbs{font-size:.9rem;color:var(--mwl-ink-soft);margin-bottom:20px}
.mwl-crumbs a{color:inherit;text-decoration:none}
.mwl-crumbs a:hover{text-decoration:underline}

/* Buttons */
.entry-content .wp-block-button .wp-block-button__link{border-radius:6px;padding:14px 24px;font-weight:600;font-size:1rem}
.mwl-btn-main .wp-block-button__link{background:var(--mwl-ink);color:var(--mwl-white)}
.mwl-btn-main .wp-block-button__link:hover{background:#22325A;color:var(--mwl-white)}
.mwl-btn-alt .wp-block-button__link{background:transparent;color:var(--mwl-ink);border:2px solid var(--mwl-ink)}
.mwl-btn-alt .wp-block-button__link:hover{background:var(--mwl-paper);color:var(--mwl-ink)}
.mwl-btn-light .wp-block-button__link{background:var(--mwl-signal);color:var(--mwl-ink)}
.mwl-btn-light .wp-block-button__link:hover{background:#FFD23F;color:var(--mwl-ink)}

/* Werkstattzettel und Faktenbox */
.mwl-ticket,.mwl-facts{background:var(--mwl-paper);border:2px solid var(--mwl-ink);border-radius:4px;padding:26px!important;position:relative}
.mwl-ticket{transform:rotate(1.2deg)}
.mwl-ticket::before,.mwl-facts::before{content:"";position:absolute;top:-2px;left:26px;width:70px;height:11px;background:var(--mwl-signal)}
.mwl-ticket h2,.mwl-facts h2{font-size:1.1rem!important;margin:0 0 10px}
.mwl-ticket ul,.mwl-facts ul{list-style:none;margin:0;padding:0}
.mwl-ticket li,.mwl-facts li{padding:10px 0;border-top:1px dashed var(--mwl-line);margin:0}
.mwl-ticket li:first-child,.mwl-facts li:first-child{border-top:0}
.mwl-ticket p{font-size:.85rem;color:var(--mwl-ink-soft);margin:8px 0 0}

/* Listen mit Markierung */
.entry-content ul.mwl-ticks{list-style:none;margin:0;padding:0;border-top:2px solid var(--mwl-ink)}
.entry-content ul.mwl-ticks li{padding:12px 0 12px 24px;border-bottom:1px solid var(--mwl-line);position:relative;margin:0}
.entry-content ul.mwl-ticks li::before{content:"";position:absolute;left:0;top:21px;width:10px;height:10px;background:var(--mwl-signal)}
.mwl-dark ul.mwl-ticks{border-top-color:var(--mwl-signal)}
.mwl-dark ul.mwl-ticks li{border-bottom-color:var(--mwl-dark-line);color:var(--mwl-white)}

/* Leistungszeilen */
.mwl-service{border-bottom:1px solid var(--mwl-line);padding:30px 0;margin:0!important}
.mwl-service:first-of-type{border-top:2px solid var(--mwl-ink)}
.mwl-service h3 a{color:var(--mwl-ink);text-decoration:none}
.mwl-service h3 a:hover{color:var(--mwl-teal)}
.mwl-service p{color:var(--mwl-ink-soft)}

/* Vergleich */
.mwl-compare{border:2px solid var(--mwl-ink);border-radius:4px;gap:0!important}
.mwl-compare > .wp-block-column{padding:30px}
.mwl-compare > .wp-block-column + .wp-block-column{border-left:2px solid var(--mwl-ink)}
.mwl-compare .mwl-tag{color:var(--mwl-teal);font-weight:600}

/* Ablauf */
.mwl-steps{counter-reset:s}
.mwl-steps > .wp-block-column{counter-increment:s;border-top:4px solid var(--mwl-signal);padding-top:18px}
.mwl-steps > .wp-block-column::before{content:counter(s);display:block;font-family:var(--mwl-head);font-weight:800;font-size:2.6rem;line-height:1;margin-bottom:10px}
.mwl-steps p{color:var(--mwl-ink-soft)}

/* FAQ */
.mwl-faq .wp-block-details{border-bottom:1px solid var(--mwl-line);max-width:800px;margin:0}
.mwl-faq summary{cursor:pointer;padding:18px 0;font-weight:600;font-size:1.1rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.mwl-faq summary::-webkit-details-marker{display:none}
.mwl-faq summary::after{content:"+";font-family:var(--mwl-head);font-size:1.5rem;line-height:1}
.mwl-faq details[open] summary::after{content:"–"}
.mwl-faq details p{color:var(--mwl-ink-soft);padding-bottom:18px;margin:0}

/* Tabellen */
.mwl-table table{border-collapse:collapse;width:100%;border-top:2px solid var(--mwl-ink)}
.mwl-table th,.mwl-table td{border:0;border-bottom:1px solid var(--mwl-line);padding:13px 12px 13px 0;text-align:left;vertical-align:top}
.mwl-table th{font-weight:600;color:var(--mwl-ink-soft);font-size:.9rem}
.mwl-table td:first-child a{font-family:var(--mwl-head);font-weight:700;font-size:1.1rem;color:var(--mwl-ink);text-decoration:none}
.mwl-table td:first-child a:hover{color:var(--mwl-teal)}
.mwl-table figcaption{color:var(--mwl-ink-soft);font-size:.9rem}

/* Linklisten und Vor/Zurück */
.mwl-links ul{list-style:none;padding:0;margin:0;border-top:2px solid var(--mwl-ink)}
.mwl-links li{border-bottom:1px solid var(--mwl-line);padding:8px 0;margin:0}
.mwl-links a{color:var(--mwl-ink);text-decoration:none}
.mwl-links a:hover{color:var(--mwl-teal)}
.mwl-pn p{border:2px solid var(--mwl-ink);border-radius:4px;padding:14px 20px;margin:0}
.mwl-pn a{font-family:var(--mwl-head);font-weight:700;color:var(--mwl-ink);text-decoration:none}
.mwl-pn .has-text-align-right{text-align:right}

@media (max-width:781px){
  .entry-content > .wp-block-group.alignfull{padding:56px 20px}
  .mwl-ticket{transform:none}
  .mwl-compare > .wp-block-column + .wp-block-column{border-left:0;border-top:2px solid var(--mwl-ink)}
  .mwl-pn .has-text-align-right{text-align:left}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}