/*
Theme Name: AQUA-HAUS
Theme URI: https://aquahaus.akwbev.de/
Author: AQUA-HAUS
Description: Maßgeschneidertes Block-Theme für AQUA-HAUS Zierfisch-Großhandel (B2B). Maritim, professionell, responsiv.
Version: 0.2.2
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: aquahaus
*/
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(h1,h2,h3){ text-wrap: balance; }
p { text-wrap: pretty; }

.wp-site-blocks .ah-header {
  position: sticky; top: 0; z-index: 100;
  backdrop-filter: saturate(140%) blur(10px); -webkit-backdrop-filter: saturate(140%) blur(10px);
  background: rgba(255,255,255,0.9); border-bottom: 1px solid rgba(11,42,69,0.08);
}
.ah-header .wp-block-navigation a:hover,
.ah-header .wp-block-navigation .current-menu-item > a { color: var(--wp--preset--color--secondary); }
.ah-header .wp-block-navigation .wp-block-navigation-item__content { font-weight: 600; }

.wp-block-button__link { transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease; box-shadow: 0 6px 18px -8px rgba(11,42,69,.45); }
.wp-block-button__link:hover { transform: translateY(-2px); box-shadow: 0 14px 30px -10px rgba(11,42,69,.5); }
.wp-block-button.is-style-outline .wp-block-button__link { box-shadow: none; }

.ah-eyebrow { text-transform: uppercase; letter-spacing: .2em; font-weight: 700; font-size: .78rem; color: var(--wp--preset--color--secondary); margin: 0; }

.ah-hero-text { min-height: clamp(420px, 60vh, 620px); display: flex; flex-direction: column; justify-content: center; }
.ah-hero-media { min-height: 320px; padding: 0 !important; display: flex; flex-direction: column; }
.ah-hero-media .wp-block-cover { flex: 1 1 auto; width: 100%; }
.ah-hero-media img.wp-block-cover__image-background { object-position: center; }

.ah-showcase .wp-block-cover { border-radius: 16px; overflow: hidden; box-shadow: 0 14px 34px -16px rgba(11,42,69,.5); transition: transform .25s ease, box-shadow .25s ease; }
.ah-showcase .wp-block-cover:hover { transform: translateY(-6px); box-shadow: 0 24px 50px -18px rgba(11,42,69,.6); }
.ah-showcase .wp-block-cover__image-background { transition: transform .6s ease; }
.ah-showcase .wp-block-cover:hover .wp-block-cover__image-background { transform: scale(1.07); }
.ah-showcase .wp-block-cover h3 { text-shadow: 0 2px 12px rgba(0,0,0,.35); letter-spacing: -0.01em; }

.ah-pills { display: flex; flex-wrap: wrap; gap: .6rem; justify-content: center; }
.ah-pills a { display: inline-block; padding: .55rem 1.15rem; border-radius: 999px; border: 1px solid rgba(11,42,69,.16); background: #fff; color: var(--wp--preset--color--primary); font-weight: 600; font-size: .96rem; text-decoration: none; box-shadow: none; transition: all .15s ease; }
.ah-pills a:hover { background: var(--wp--preset--color--primary); color: #fff; border-color: var(--wp--preset--color--primary); transform: translateY(-2px); }

.ah-mediatext .wp-block-media-text__media img { border-radius: 18px; box-shadow: 0 20px 44px -18px rgba(11,42,69,.55); }

.ah-footer a { text-decoration: none; }
.ah-footer a:hover { text-decoration: underline; }

.ah-wave { display:block; line-height:0; margin-top:-1px; }
.ah-wave svg { width:100%; height:auto; display:block; }

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

@media (max-width: 781px){
  .ah-hero-text { min-height: auto; padding-top: var(--wp--preset--spacing--50); padding-bottom: var(--wp--preset--spacing--50); }
  .ah-hero-media { min-height: 340px; }
}