/*
Theme Name: Raphael Alexander
Theme URI: https://raphael-alexander.com
Description: Child-Theme von Twenty Twenty-Five. Farbwelt, Typografie und Patterns nach Briefing v4 / Masterdokument v5.2. Signatur: Schwellenlinie.
Author: Raphael Alexander
Template: twentytwentyfive
Version: 1.0.0
Text Domain: raphael-alexander
*/

body{-webkit-font-smoothing:antialiased}
::selection{background:var(--wp--preset--color--beige)}

/* Bausteine */
.ra-eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--wp--preset--color--rinde)}
.ra-eyebrow-light{color:#D8DCC6}
.ra-lede{font-size:1.1rem;color:#4A443C;max-width:62ch}
.ra-microtrust{font-size:13.5px;letter-spacing:.06em;color:var(--wp--preset--color--rinde)}
.ra-microtrust-light{color:#D8DCC6}
.ra-cardlink a{font-weight:600;text-decoration:none;color:var(--wp--preset--color--moosdunkel)}
.ra-cardlink a:hover{text-decoration:underline}

/* Buttons */
.wp-block-button.is-style-outline.ra-ghost .wp-block-button__link{border:1px solid var(--wp--preset--color--rinde);color:var(--wp--preset--color--rinde);font-weight:400;background:transparent}
.wp-block-button.is-style-outline.ra-ghost .wp-block-button__link:hover{background:var(--wp--preset--color--rinde);color:var(--wp--preset--color--base)}
.ra-invert .wp-block-button__link{background:var(--wp--preset--color--base);color:var(--wp--preset--color--graphit)}
.ra-invert .wp-block-button__link:hover{background:transparent;color:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--base)}

/* Claim-Band */
.ra-claimband{text-align:center}
.ra-claim{font-family:var(--wp--preset--font-family--serif);font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:.12em;font-weight:500}
.ra-claim-sub{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#D8C9BD;margin-top:.4rem}

/* Karten */
.ra-card{border-top:2px solid var(--wp--preset--color--stein);padding:1.8rem 1.6rem;transition:border-color .18s,transform .18s;height:100%}
.ra-card:hover{border-top-color:var(--wp--preset--color--moos);transform:translateY(-2px)}
.ra-card .ra-eyebrow{margin-bottom:.4rem}

/* Schwellenlinie */
.ra-threshold{display:block;width:100%;height:36px}
.ra-threshold path{stroke:var(--wp--preset--color--stein);stroke-width:1.5;fill:none}

/* Dunkle Editorial-Sektion */
.ra-editorial .ra-eyebrow{color:var(--wp--preset--color--mooshell)}
.ra-editorial h2,.ra-editorial h3{color:var(--wp--preset--color--base)}
.ra-editorial p{color:#D9D2C7}
.ra-editorial a{color:var(--wp--preset--color--mooshell)}
.ra-ed-label{border-top:1px solid var(--wp--preset--color--mooshell);padding-top:1rem}

/* Trust-Box */
.ra-trustbox{border-left:2px solid var(--wp--preset--color--moos)}

/* Stimmen */
.ra-voice{border-top:2px solid var(--wp--preset--color--stein);padding:1.6rem 1.5rem;height:100%}
.ra-qmark{font-family:var(--wp--preset--font-family--serif);font-size:44px;line-height:.6;color:var(--wp--preset--color--mooshell)}
.ra-voicetext{font-style:italic;font-size:15.5px;color:#5A5148}
.ra-voicelabel{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--rinde)}

/* FAQ (core/details) */
.ra-faq .wp-block-details{background:var(--wp--preset--color--waldboden);border:1px solid #D6CBBC;padding:0;margin-bottom:12px}
.ra-faq .wp-block-details summary{cursor:pointer;font-family:var(--wp--preset--font-family--serif);font-size:1.15rem;font-weight:600;padding:1.1rem 1.4rem;list-style:none}
.ra-faq .wp-block-details summary::-webkit-details-marker{display:none}
.ra-faq .wp-block-details summary::after{content:"+";float:right;color:var(--wp--preset--color--rinde);font-family:var(--wp--preset--font-family--sans)}
.ra-faq .wp-block-details[open] summary::after{content:"–"}
.ra-faq .wp-block-details p{padding:0 1.4rem 1.2rem;color:#4A443C}

/* Kontakt-Band */
.ra-contactband{text-align:center}
.ra-contactband p{color:#E9EBDD}
.ra-contactband h2{color:var(--wp--preset--color--base)}
.ra-phone a{color:var(--wp--preset--color--base);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(243,239,231,.5)}

/* Foto-Platzhalter (bis das Shooting da ist) */
.ra-photo-ph{aspect-ratio:4/5;border:1px solid #D6CBBC;position:relative;overflow:hidden;display:flex;align-items:flex-end;
 background:linear-gradient(180deg,
  var(--wp--preset--color--beige) 0%,var(--wp--preset--color--beige) 22%,
  var(--wp--preset--color--nebel) 22%,var(--wp--preset--color--nebel) 36%,
  var(--wp--preset--color--stein) 36%,var(--wp--preset--color--stein) 54%,
  var(--wp--preset--color--mooshell) 54%,var(--wp--preset--color--mooshell) 62%,
  var(--wp--preset--color--moos) 62%,var(--wp--preset--color--moos) 72%,
  #8FA8A6 72%,#8FA8A6 74.5%,
  var(--wp--preset--color--rinde) 74.5%,var(--wp--preset--color--rinde) 86%,
  var(--wp--preset--color--graphit) 86%,var(--wp--preset--color--graphit) 100%)}
.ra-ph-caption{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--wp--preset--color--base);opacity:.85;padding:0 0 .7rem .9rem}


/* === Podcast-Seite (RA 20) – YouTube-Kanal-Look === */
.ra-pod-hero{text-align:center}
.ra-pod-monogram{font-family:var(--wp--preset--font-family--serif);font-size:15px;letter-spacing:.34em;color:#C9B9A8;margin:0 0 .35rem;text-indent:.17em}
.ra-pod-name{font-family:var(--wp--preset--font-family--serif);font-size:clamp(1.7rem,4.4vw,2.9rem);letter-spacing:.16em;font-weight:500;color:var(--wp--preset--color--base);margin:0 auto;padding-bottom:.7rem;border-bottom:1px solid var(--wp--preset--color--mooshell);max-width:32ch;text-indent:.08em}
.ra-pod-show{font-family:var(--wp--preset--font-family--serif);font-size:clamp(1.5rem,3.6vw,2.3rem);font-weight:500;color:#C9B9A8;margin:1.3rem 0 .4rem}
.ra-pod-tagline{font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:#AEA396;margin:0}
.ra-pod-card{border-top:2px solid var(--wp--preset--color--stein);padding:1.6rem 1.5rem;height:100%;transition:border-color .18s,transform .18s}
.ra-pod-card:hover{border-top-color:var(--wp--preset--color--moos);transform:translateY(-2px)}
.ra-pod-eplabel{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--wp--preset--color--rinde);margin:0 0 .3rem}
.ra-pod-eptitle{font-family:var(--wp--preset--font-family--serif);font-size:1.3rem;font-weight:600;margin:0 0 .5rem;color:var(--wp--preset--color--graphit)}
.ra-pod-epmeta{font-size:14.5px;color:#5A5148;margin:0 0 .9rem}
.ra-pod-platforms{margin-top:2rem;font-size:15px;color:#4A443C}

.ra-trustbox-soft{border-left:2px solid var(--wp--preset--color--moos)}


/* === KONTRAST-KORREKTUR dunkle Sektionen (v8.1) === */
/* Auf Rinde, Graphit, Graphittief werden Lede, Fließtext, Telefon und Listen hell */
.has-rinde-background-color .ra-lede,
.has-graphit-background-color .ra-lede,
.has-graphittief-background-color .ra-lede,
.has-moos-background-color .ra-lede{color:#EDE7DA}
.has-rinde-background-color p,
.has-graphit-background-color p,
.has-graphittief-background-color p,
.has-rinde-background-color li,
.has-graphit-background-color li,
.has-graphittief-background-color li{color:#EDE7DA}
.has-rinde-background-color .ra-phone,
.has-graphit-background-color .ra-phone,
.has-graphittief-background-color .ra-phone,
.has-moos-background-color .ra-phone{color:#EDE7DA}
/* Telefonnummer-Link: helle Ziffern mit dezentem Unterstrich */
.has-rinde-background-color .ra-phone a,
.has-graphit-background-color .ra-phone a,
.has-graphittief-background-color .ra-phone a,
.has-moos-background-color .ra-phone a{color:#FFFFFF;border-bottom-color:rgba(255,255,255,.55)}
/* Schrägen Bindestrich im kursiven Serif-Titel vermeiden: H1 auf hellem Kopf nicht kursiv */
.wp-block-heading{font-style:normal}


/* === MOBILE-MENUE Ordnung (v8.1) === */
/* Overlay-Menue linksbuendig und ruhiger ausrichten */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
  align-items:flex-start;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
  align-items:flex-start;
  gap:.35rem;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{
  text-align:left;
  font-size:1.15rem;
}
/* Untermenue-Eintraege leicht einruecken, damit die Hierarchie sichtbar wird */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu .wp-block-navigation-item{
  padding-left:1.2rem;
}