/* Nnedi - Design (OWE-396). Ergaenzt die theme.json-Daten aus nnedi-design.php.
   Farben nur ueber die Theme-Variablen, damit Palette und CSS zusammenbleiben. */

:root{
  --nn-wein: var(--wp--preset--color--accent-1);
  --nn-wein-dunkel: var(--wp--preset--color--accent-3);
  --nn-rose: var(--wp--preset--color--accent-2);
  --nn-sand: var(--wp--preset--color--accent-5);
  --nn-taupe: var(--wp--preset--color--accent-4);
  --nn-linie: color-mix(in srgb, var(--wp--preset--color--accent-1) 18%, transparent);
  --nn-serif: var(--wp--preset--font-family--literata, Georgia, serif);
  --nn-sans: var(--wp--preset--font-family--manrope, sans-serif);
}

::selection{background:var(--nn-rose);color:var(--wp--preset--color--contrast)}

/* Kopfbereich */
header.wp-block-template-part{border-bottom:1px solid var(--nn-linie);background:var(--wp--preset--color--base)}
header.wp-block-template-part .wp-block-navigation a{font-weight:500;letter-spacing:.01em;text-decoration:none;padding-block:.15rem}
header.wp-block-template-part .wp-block-navigation a:hover,
header.wp-block-template-part .wp-block-navigation a:focus-visible{color:var(--nn-wein);text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1px}
header.wp-block-template-part .wp-block-navigation .current-menu-item > a{color:var(--nn-wein)}
header.wp-block-template-part .wp-block-navigation__submenu-container{border:1px solid var(--nn-linie);background:var(--wp--preset--color--base)}
.nnedi-langswitch__btn{border-color:var(--nn-linie);opacity:.65}
.nnedi-langswitch__btn[aria-pressed="true"]{opacity:1;color:var(--nn-wein);border-color:currentColor}

/* Seitentitel mit kurzer weinroter Linie */
h1.wp-block-post-title{font-family:var(--nn-serif);font-weight:500;letter-spacing:-.01em}
h1.wp-block-post-title::after{content:"";display:block;width:3rem;height:2px;background:var(--nn-wein);margin-top:.75rem}
.home h1.wp-block-post-title::after{margin-inline:auto}

/* Startseite: Begruessungssatz als ruhige Serifenzeile */
.home .wp-block-post-content > .wp-block-group:first-of-type p.has-large-font-size,
.home .wp-block-post-content > .wp-block-group.nn-de:first-of-type + .wp-block-group.nn-en p.has-large-font-size{
  font-family:var(--nn-serif);font-weight:300;font-style:italic;font-size:clamp(1.3rem,1.1rem + .9vw,1.75rem);line-height:1.45;max-width:46ch}

/* Buttons */
.wp-block-button .wp-block-button__link{border-radius:2px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline{background:transparent;color:var(--nn-wein);border:1px solid var(--nn-wein)}
.wp-block-button.is-style-outline .wp-block-button__link:hover{background:var(--nn-wein);color:var(--wp--preset--color--base)}

/* Textlinks */
.wp-block-post-content a:where(:not(.wp-element-button)){text-underline-offset:.2em;text-decoration-thickness:1px}
body .wp-block-post-content :is(p,li) a:not([class]){color:var(--nn-wein);text-decoration:underline !important;text-decoration-thickness:1px;text-underline-offset:.2em}
body .wp-block-post-content :is(p,li) a:not([class]):hover,body .wp-block-post-content :is(p,li) a:not([class]):focus-visible{color:var(--nn-wein-dunkel);text-decoration-thickness:2px}

/* Tabellen (Preise, Groessen) */
.wp-block-table table{border-collapse:collapse;font-variant-numeric:tabular-nums}
.wp-block-table th{background:var(--nn-rose);font-family:var(--nn-serif);font-weight:500;text-align:left}
.wp-block-table th,.wp-block-table td{border-color:var(--nn-linie);padding:.6rem .8rem}
.wp-block-table tbody tr:nth-child(even) td{background:color-mix(in srgb, var(--nn-sand) 55%, transparent)}

/* Aufklapp-Fragen (FAQ, Preise) */
.wp-block-details{border-bottom:1px solid var(--nn-linie);padding:.7rem 0;margin:0}
.wp-block-details > summary{font-family:var(--nn-serif);font-weight:500;font-size:1.08em;cursor:pointer;list-style-position:outside}
.wp-block-details > summary::marker{color:var(--nn-wein)}
.wp-block-details[open] > summary{color:var(--nn-wein);margin-bottom:.4rem}

/* Listen und Zitate */
.wp-block-post-content ul li::marker{color:var(--nn-wein)}
.wp-block-quote{border-left:3px solid var(--nn-wein);font-family:var(--nn-serif)}

/* Slideshow (mu-plugin nnedi-slideshow) */
.nnedi-slideshow__slide img{border-radius:4px}
.nnedi-slideshow__nav{background:color-mix(in srgb, var(--wp--preset--color--base) 90%, transparent);color:var(--nn-wein);box-shadow:0 1px 4px rgba(35,26,29,.25)}
.nnedi-slideshow__nav:hover,.nnedi-slideshow__nav:focus-visible{background:var(--nn-wein);color:var(--wp--preset--color--base)}
.nnedi-slideshow__dot{background:var(--nn-wein);opacity:.25}
.nnedi-slideshow__dot[aria-current="true"]{opacity:1}
.nnedi-slideshow__caption{font-family:var(--nn-serif);font-style:italic;color:var(--nn-taupe);opacity:1}

/* Kundenstimmen (mu-plugin nnedi-reviews) */
.nn-review{border-left-color:var(--nn-wein)}
.nn-review__text{font-family:var(--nn-serif);font-size:1.08em}
.nn-review__meta{color:var(--nn-taupe);opacity:1}
.nn-review-form input[type=text],.nn-review-form input[type=email],.nn-review-form textarea{border:1px solid var(--nn-linie);border-radius:2px;background:#fff}
.nn-review-form input:focus,.nn-review-form textarea:focus{outline:2px solid var(--nn-wein);outline-offset:1px}

/* Fusszeile */
footer.wp-block-template-part{background:var(--nn-sand);border-top:1px solid var(--nn-linie);margin-top:var(--wp--preset--spacing--60)}
footer.wp-block-template-part .wp-block-site-title a{font-family:var(--nn-serif);font-weight:500;text-decoration:none}
footer.wp-block-template-part .wp-block-site-tagline{color:var(--nn-taupe)}
footer.wp-block-template-part .wp-block-navigation a{text-decoration:none}
footer.wp-block-template-part .wp-block-navigation a:hover{color:var(--nn-wein);text-decoration:underline;text-underline-offset:.3em}
footer.wp-block-template-part .has-small-font-size{color:var(--nn-taupe)}
footer.wp-block-template-part .has-small-font-size a{color:inherit}

/* Buchungsformular (Easy Appointments, new-ui): Blau -> Weinrot, Systemschrift -> Markenschriften */
html body .ea-bootstrap,html body .ea-new-ui,html body .ea-bootstrap.ea-new-ui{
  --ea-accent:var(--nn-wein);--ea-accent-hover:var(--nn-wein-dunkel);--ea-accent-ink:var(--nn-wein-dunkel);
  --ea-accent-deep:var(--nn-wein-dunkel);--ea-accent-tint:var(--nn-rose);--ea-text:var(--wp--preset--color--contrast);
  --ea-paper:#fff;--ea-surface:var(--nn-sand);--ea-serif:var(--nn-serif);--ea-sans:var(--nn-sans)}
body .ea-bootstrap .time-value.selected-time,body .ea-bootstrap .selected-time,
body .ea-bootstrap.ea-bootstrap .time-value.selected-time,body .ea-bootstrap.ea-bootstrap .selected-time{
  background-color:var(--nn-wein);border-color:var(--nn-wein);color:#fff;box-shadow:0 4px 14px rgba(91,36,52,.3)}
body .ea-bootstrap .time-value:not(.time-disabled):not(.selected-time){border-color:var(--nn-linie);border-radius:3px;color:var(--wp--preset--color--contrast)}
body .ea-bootstrap .time-value:not(.time-disabled):not(.selected-time):hover{border-color:var(--nn-wein);color:var(--nn-wein);background:var(--nn-rose)}
body .ea-new-ui .ea-submit,body .ea-new-ui .booking-button,body .ea-bootstrap .btn-primary,
body .ea-wizard-mode .ea-wizard-btn-next,body .ea-wizard-mode .ea-submit{
  background:var(--nn-wein);border-color:var(--nn-wein);color:#fff;border-radius:2px;font-family:var(--nn-sans);font-weight:600;letter-spacing:.02em}
body .ea-new-ui .ea-submit:hover,body .ea-new-ui .booking-button:hover,body .ea-bootstrap .btn-primary:hover{background:var(--nn-wein-dunkel);border-color:var(--nn-wein-dunkel);color:#fff}
body .ea-bootstrap .btn-default,body .ea-bootstrap .ea-cancel{border-radius:2px;font-family:var(--nn-sans)}
body .ea-new-ui .ui-datepicker td.ui-datepicker-current-day a,body .ea-new-ui .ui-datepicker .ui-datepicker-current-day a{
  background-color:var(--nn-wein);box-shadow:0 4px 12px rgba(91,36,52,.26)}
body .ea-new-ui .ui-datepicker td a:hover{background:var(--nn-rose);color:var(--nn-wein-dunkel)}
body .ea-new-ui #ea-service-description,body .ea-new-ui .ea-custom-option.is-selected{border-color:var(--nn-wein)}
body .ea-new-ui .ea-field-group select:focus,body .ea-new-ui .step.final .form-control:focus,body .ea-bootstrap .form-control:focus{border-color:var(--nn-wein);box-shadow:0 0 0 3px var(--nn-rose)}
body .ea-wizard-mode .ea-wizard-step-item.is-current .ea-wizard-step-bubble,body .ea-wizard-mode .ea-wizard-step-item.is-completed .ea-wizard-step-bubble,
body .ea-wizard-mode .ea-wizard-step-line-fill{background:var(--nn-wein);border-color:var(--nn-wein)}
body .ea-wizard-mode .ea-wizard-step-item.is-current .ea-wizard-step-label{color:var(--nn-wein)}
body #ea-loader::after,body .ea-new-ui #ea-loader::after{border-top-color:var(--nn-wein)}
body .ea-bootstrap .ea-label,body .ea-bootstrap label{font-family:var(--nn-sans);font-weight:600;color:var(--wp--preset--color--contrast)}
body .ea-bootstrap .ea-confirmation-card{border:1px solid var(--nn-linie);border-radius:4px;background:#fff}
body .ea-bootstrap .ea-confirmation-title{font-family:var(--nn-serif);color:var(--nn-wein)}

/* Zahlungsschritt (mu-plugin nnedi-zahlung) und Vorvertrag */
.nn-zahlung .wp-block-button__link,.nn-zahlung button{border-radius:2px}
.nn-vorvertrag,.nn-zahlung{border:1px solid var(--nn-linie);border-radius:4px;background:#fff}

@media (prefers-reduced-motion:reduce){.wp-block-button .wp-block-button__link{transition:none}}