/*
Theme Name: Ollie Schieweck
Description: Child theme for Podologie Schieweck based on Ollie
Template: ollie
Version: 1.0.0
Author: Jan Raap
Text Domain: ollie-schieweck
*/

:root {
	--wp--preset--spacing--small: 0.5rem;
}
/* Navigation item backgrounds (old site style) */
.site-header .wp-block-navigation__container {
	gap: 0 !important;
}


.site-header .wp-block-navigation-item__content {
	display: block;
	padding: 0.75rem 1.25rem !important;
	min-height: 44px;
	color: #fff !important;
}

.site-header .wp-block-navigation-item:nth-child(1) .wp-block-navigation-item__content {
	background-color: #0a3d70;
}

.site-header .wp-block-navigation-item:nth-child(2) .wp-block-navigation-item__content {
	background-color: #1c5a9e;
}

.site-header .wp-block-navigation-item:nth-child(3) .wp-block-navigation-item__content {
	background-color: #2e77cc;
}

.site-header .wp-block-navigation-item:nth-child(4) .wp-block-navigation-item__content {
	background-color: #4181d9;
}

.site-header .wp-block-navigation-item:nth-child(5) .wp-block-navigation-item__content {
	background-color: #5f9be8;
}

.site-header .wp-block-navigation-item:hover .wp-block-navigation-item__content,
.site-header .wp-block-navigation-item:focus-within .wp-block-navigation-item__content {
	background-color: var(--wp--preset--color--accent-gold) !important;
	color: var(--wp--preset--color--text) !important;
}

/* Focus-Indikatoren (WCAG 2.4.11 / 2.4.12) */
.site-header .wp-block-navigation-item__content:focus-visible,
.site-header .wp-block-navigation-item__content:focus {
	outline: 3px solid #e8d386;
	outline-offset: 3px;
}

.site-header .wp-block-navigation-item__content:focus {
	position: relative;
	z-index: 1;
}

/* Button: smooth transition, focus-visible outline */
.wp-block-button__link,
.wp-element-button {
	transition: background-color 0.2s ease, color 0.2s ease;
}

.wp-block-button .wp-block-button__link.has-white-color {
	color: var(--wp--preset--color--white) !important;
}

.wp-block-button__link:focus-visible,
.wp-element-button:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-gold);
	outline-offset: 3px;
}

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

h1,h2,h3,h4,h5,h6,.text-balance{
	text-wrap: balance;
}

.wp-block-cover .wp-block-cover__background {
    max-width: none !important;
    width: 100% !important;
    left: 0 !important;
}

.no-underline {
	text-decoration: none;
}

ul.wp-block-list {
	padding: 0;
}

html {
  scroll-padding-top: 100px; /* Wirkt auf alle Anchor-Links der Seite */
  scroll-behavior: smooth;   /* Optional: Sorgt für sanftes Scrollen */
}


/* FAQ Accordion (SEOPress FAQ Block) */
.wp-block-wpseopress-faq-block-v2 .wp-block-details {
	/* border: 1px solid var(--wp--preset--color--primary-alt); */
	border: none;
	border-radius: 8px;
	/* margin-bottom: 1rem; */
	overflow: hidden;
}

.wp-block-wpseopress-faq-block-v2 .wp-block-details[open] {
	box-shadow: 0 4px 12px rgba(15, 86, 157, 0.1);
	border-color: var(--wp--preset--color--primary);
}


.wp-block-wpseopress-faq-block-v2 .wp-block-details__summary::-webkit-details-marker {
	display: none;
}

.wp-block-wpseopress-faq-block-v2 .wp-block-details__summary::after {
	content: "+";
	font-size: 1.5rem;
	font-weight: 300;
	transition: transform 0.3s ease;
}

.wp-block-wpseopress-faq-block-v2 .wp-block-details[open] .wp-block-details__summary::after {
	transform: rotate(45deg);
}

.wp-block-wpseopress-faq-block-v2 .wp-block-details__content {
	padding: 0 1.25rem 1.25rem;
	line-height: 1.6;
}

/* .is-layout-constrained > :where(...) { display: grid; ... } */

/* Richtig/Sicher: */
.wp-block-wpseopress-faq-block-v2 {

    display: grid;
    grid-template-columns: repeat(2, 1fr);
	 gap: 1.5rem;
    align-items: start;

	summary {
		/* grid-column: 1; */
		padding: 0.5rem 1rem;
		cursor: pointer;
		background: #fffae6;
		/* margin-bottom: 5px; */
		transition: all 300ms;
		list-style: none;
		/* border: 1px solid var(--wp--preset--color--primary); */
		border-radius: 8px;
		text-wrap: balance;
	}

	summary:hover,
	summary:focus,
	 {
		background: #fff;
	}
}

/* H2 Sicherheit-Fix */
/* h2.wp-block-heading {
  display: block !important;
} */

/* Styling der Antworten */
.wp-block-wpseopress-faq-block-v2 details p {
    padding: 0.5rem 1rem;
    margin: 0;
    line-height: 1.68;
}

/* Responsive: 1-spaltig auf Mobilgeräten */
@media (max-width: 768px) {
    .wp-block-wpseopress-faq-block-v2 {
        grid-template-columns: 1fr !important;
    }
}