/*
Theme Name: osmanol.com ReBuild
Author: DTC Digital Targets Ltd
Description: Schlankes Block-Theme, erstellt mit Smart Relaunch (ReBuild) der Digital Targets SEO GEO Suite aus dem gemessenen Design des bisherigen Themes. Kein jQuery, Schriften vom eigenen Server. Läuft ohne die Suite.
Requires at least: 6.6
Requires PHP: 8.0
Version: 0.1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: osmanol-com-rebuild
*/

/* Small additions that theme.json cannot express. */
.wp-block-post-template.is-layout-grid > li { display: flex; flex-direction: column; }
.wp-block-post-featured-image img { width: 100%; height: auto; }
.wp-block-navigation a { text-decoration: none; }
.site-header { padding-top: 20px; padding-bottom: 20px; }
.site-footer { padding-top: 40px; padding-bottom: 40px; background: var(--wp--preset--color--surface, var(--wp--preset--color--base)); }

/* Header and footer as before (Smart Relaunch, measured). */
.site-header { padding-top: 0px; padding-bottom: 0px; background: #FFFFFF; }
.site-header__row { gap: 24px; align-items: center; min-height: 131px; }
.site-header.site-header { padding-left: 20px; padding-right: 20px; }
.site-header > .site-header__row { max-width: none !important; }
@media (max-width: 767px) {
	.site-header .wp-block-site-logo { flex-shrink: 0; }
	.site-header .wp-block-site-logo img { width: 270px !important; max-width: 70vw; height: auto; }
	.site-header__row { min-height: 61px; }
	.site-header.site-header { padding-left: 15px; padding-right: 10px; }
}
@media (min-width: 768px) {
.wp-site-blocks:has(.wp-block-post-content > .rb-slider:first-child) { position: relative; }
.wp-site-blocks:has(.wp-block-post-content > .rb-slider:first-child) > header.wp-block-template-part { position: absolute; top: 0; left: 0; right: 0; z-index: 30; }
.wp-site-blocks:has(.wp-block-post-content > .rb-slider:first-child) .site-header { background: transparent; }
}
.site-menu { position: relative; }
.site-menu__list, .site-menu .sub-menu { list-style: none; margin: 0; padding: 0; }
.site-menu__list { display: flex; flex-wrap: wrap; align-items: center; }
.site-menu li { position: relative; }
.site-menu a { display: block; padding: 8px 20px; text-decoration: none; font-family: "Inter", sans-serif; font-size: 15px; font-weight: 500; color: #1E266D; }
.site-menu a:hover, .site-menu .current-menu-item > a { color: #1E266D; }
.site-menu .sub-menu { display: none; position: absolute; top: 100%; left: 0; min-width: 220px; padding: 8px 0; background: var(--wp--preset--color--white, #fff); box-shadow: 0 8px 24px rgba(0,0,0,.08); z-index: 100; }
.site-menu .sub-menu .sub-menu { top: 0; left: 100%; }
.site-menu li:hover > .sub-menu, .site-menu li:focus-within > .sub-menu { display: block; }
.site-menu__toggle { display: none; background: none; border: 0; padding: 8px; cursor: pointer; font: inherit; color: #1E266D; }
.site-menu__toggle span, .site-menu__toggle span::before, .site-menu__toggle span::after { display: block; width: 24px; height: 2px; background: currentColor; position: relative; content: ''; }
.site-menu__toggle span::before { position: absolute; top: -7px; } .site-menu__toggle span::after { position: absolute; top: 7px; }
@media (max-width: 820px) {
	.site-menu__toggle { display: block; }
	.site-menu--toggle .site-menu__list { display: none; position: absolute; right: 0; top: 100%; min-width: 260px; flex-direction: column; align-items: stretch; background: var(--wp--preset--color--white, #fff); box-shadow: 0 8px 24px rgba(0,0,0,.08); z-index: 100; }
	.site-menu--toggle.is-open .site-menu__list { display: flex; }
	.site-menu .sub-menu { display: block; position: static; box-shadow: none; padding-left: 16px; min-width: 0; }
}
.site-footer { padding-top: 48px; padding-bottom: 32px; background: #FFFFFF; color: #353535; }
.site-footer a { color: #999999; }
.site-header__nav { gap: 10px; align-items: center; }
.site-header__nav > .site-menu { margin-right: 15px; }
.site-account, .site-cart { position: relative; display: inline-flex; align-items: center; line-height: 1; text-decoration: none; color: #333333; }
.site-cart { color: #333333; }
.site-account svg, .site-cart svg { display: block; fill: none; stroke: currentColor; stroke-width: 1.5px; stroke-linecap: round; stroke-linejoin: round; }
.site-account svg { width: 26px; height: 26px; }
.site-cart svg { width: 20px; height: 20px; }
.site-cart__count { position: absolute; top: -9px; left: 13px; min-width: 18px; height: 18px; padding: 0 3px; box-sizing: border-box; border-radius: 18px; text-align: center; font-size: 11px; line-height: 18px; background: #1E266E; color: #FFFFFF; }
.site-cart__total { margin-left: 14px; padding-right: 5px; white-space: nowrap; font-size: 16px; font-weight: 500; color: #333333; }
.site-header__action .wp-block-button__link { white-space: nowrap; padding: 16px 20px; border-radius: 0px 8px 0px 8px; background-color: #1E266E; color: #FFFFFF; font-size: 15px; font-weight: 400; line-height: 18px; }
.site-header__action.has-arrow .wp-block-button__link::after { content: ""; display: inline-block; width: .42em; height: .42em; margin: 0 2px 0 14px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; transform: translateY(-1px) rotate(45deg); opacity: .6; }
@media (max-width: 767px) {
	.site-header .site-account, .site-header .site-cart, .site-header .site-header__action { display: none !important; }
}
.site-widgets { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 32px; }
.site-footer .widget ul { list-style: none; margin: 0; padding: 0; }
.site-footer .widget-title { margin-top: 0; }
.site-footer__bottom { margin-top: 32px; }
.site-footer .site-menu a { padding: 4px 8px; }
.site-footer .sub-menu { display: none !important; }
