/*
Theme Name: GreenShift Child
Theme URI: https://theme.greenshiftwp.com/
Description: Child theme for the GreenShift WordPress theme.
Author: AZ Ubezpieczenia
Template: greenshift
Version: 1.0.2
Text Domain: greenshift-child
*/

/* AZ Ubezpieczenia: header and dedicated mega menu. */
.az-site-header{position:relative;z-index:100;background:#fff;border-bottom:1px solid #e6e9ee;box-shadow:0 2px 14px rgba(20,38,61,.05)}
.az-nav-wrap{max-width:1232px;margin:0 auto;padding:14px 24px;min-height:72px}
.az-site-header .custom-logo-link{display:block;line-height:0}.az-site-header .custom-logo{width:auto;max-height:44px}
.az-main-navigation{margin-left:auto}.az-main-navigation .wp-block-navigation__container{gap:4px}
.az-main-navigation .wp-block-navigation-item__content,.az-mega-trigger summary{color:#14263d;text-decoration:none;font-weight:650;font-size:15px;padding:11px 10px;border-radius:7px;white-space:nowrap}
.az-main-navigation .wp-block-navigation-item__content:hover,.az-mega-trigger summary:hover,.az-mega-trigger[open] summary{background:#f1f6fb;color:#0474bd}
.az-mega-trigger{position:static;margin:0}.az-mega-trigger summary{display:block;cursor:pointer;list-style:none}.az-mega-trigger summary::-webkit-details-marker{display:none}.az-mega-trigger summary:after{content:"⌄";margin-left:7px;color:#0474bd}.az-mega-trigger[open] summary:after{content:"⌃"}
.az-mega-panel{display:none;position:absolute;top:100%;left:50%;width:min(1232px,calc(100vw - 48px));transform:translateX(-50%);background:#fff;border:1px solid #dce5ee;border-radius:0 0 12px 12px;box-shadow:0 16px 34px rgba(20,38,61,.15);overflow:hidden}.az-mega-trigger[open] .az-mega-panel{display:block}
.az-mega-panel .az-mega-template>.az-mega-columns{display:flex;align-items:flex-start;gap:0;width:100%;margin:0;padding:28px 30px 30px;box-sizing:border-box}.az-mega-panel .az-mega-template>.az-mega-columns>.wp-block-column{box-sizing:border-box;flex:0 0 20%;min-width:0;padding:0 18px}.az-mega-panel .az-mega-template>.az-mega-columns>.wp-block-column:first-child{padding-left:0}.az-mega-panel .az-mega-template>.az-mega-columns>.wp-block-column+.wp-block-column{border-left:1px solid #e6e9ee}
.az-mega-panel .az-mega-title{font-size:16px;line-height:1.3;margin:0 0 12px}.az-mega-panel .az-mega-title a{color:#0474bd;text-decoration:none}.az-mega-panel .az-mega-links{padding:0;margin:0;list-style:none}.az-mega-panel .az-mega-links li{margin:0 0 8px}.az-mega-panel .az-mega-links a{color:#3c4d61;text-decoration:none;font-size:14px;font-weight:500}.az-mega-panel .az-mega-links a:hover{color:#0474bd;text-decoration:underline}
.az-header-cta .wp-block-button__link{background:#0474bd;border-radius:7px;color:#fff;font-size:14px;font-weight:700;padding:11px 15px;white-space:nowrap}

/* The live header is composed with GreenShift's Columns/Group blocks.  On a
 * phone its default no-wrap group leaves too little room for the logo, menu
 * trigger and telephone button.  Keep the desktop layout intact and switch
 * only this header to a deliberate two-row mobile layout. */
@media(max-width:781px){
  .gsbp-9d215cb .wp-block-columns{flex-direction:column;gap:10px}
  .gsbp-9d215cb .wp-block-column{width:100%!important;flex-basis:auto!important}
  .gsbp-9d215cb .wp-block-column:first-child{text-align:center}
  .gsbp-9d215cb .wp-block-column:first-child .custom-logo{max-width:142px;height:auto}
  .gsbp-9d215cb .wp-block-column:last-child>.wp-block-group{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;width:100%;gap:8px}
  .gsbp-9d215cb .az-mega-trigger{position:static;width:auto;min-width:0}
  .gsbp-9d215cb .az-mega-trigger summary{padding:9px 0;font-size:14px;overflow:hidden;text-overflow:ellipsis}
  .gsbp-9d215cb .az-main-navigation{margin:0!important}
  .gsbp-9d215cb .az-header-cta{width:auto!important;margin:0!important}
  .gsbp-9d215cb .az-header-cta .wp-block-button__link{display:block;padding:10px 11px;font-size:12px}
  .gsbp-9d215cb .az-mega-panel{position:absolute;top:100%;left:0;width:100%;transform:none;border-radius:0;box-shadow:0 12px 25px rgba(20,38,61,.15)}
  .gsbp-9d215cb .az-mega-panel .az-mega-template>.az-mega-columns{grid-template-columns:1fr;padding:20px;gap:18px}
}
@media(max-width:980px){.az-nav-wrap{padding:12px 18px}.az-main-navigation{margin-left:0}.az-header-cta{margin-left:auto}.az-mega-panel{width:calc(100vw - 36px)}.az-mega-panel .az-mega-template>.az-mega-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.az-mega-panel .az-mega-template>.az-mega-columns>.wp-block-column{max-width:none;padding:0}.az-mega-panel .az-mega-template>.az-mega-columns>.wp-block-column+.wp-block-column{border-left:0}}
@media(max-width:600px){.az-site-header .custom-logo{max-height:38px}.az-header-cta{width:100%;margin-top:8px}.az-header-cta .wp-block-button__link{width:100%;text-align:center}.az-mega-panel{position:static;width:100%;transform:none;border-radius:0;box-shadow:none}.az-mega-panel .az-mega-template>.az-mega-columns{grid-template-columns:1fr;padding:20px}.az-mega-trigger{width:100%}}

/*
 * Add site-specific CSS below this comment. Parent theme styles are loaded
 * by functions.php before this stylesheet.
 */

/* Homepage hero: fill one viewport height. Full width comes from the
 * Gutenberg `alignfull` setting; forcing 100vw here causes horizontal overflow
 * when WordPress applies its own full-width margins. */
.az-gutenberg-hero,
.az-home-hero {
  min-height: 100vh !important;
  min-height: 100svh !important;
}

/* Homepage hero variants, moved from the page's Custom HTML blocks. */
.az-home-hero { position: relative; isolation: isolate; width: 100vw; max-width: none; margin-left: calc(50% - 50vw); overflow: hidden; background: #142033; color: #fff; }
.az-home-hero__media, .az-home-hero__shade { position: absolute; inset: 0; }
.az-home-hero__media { z-index: -2; }
.az-home-hero__poster, .az-home-hero__video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.az-home-hero__poster { position: absolute; inset: 0; }
.az-home-hero__video { position: relative; opacity: 1; transition: opacity .55s ease; }
.az-home-hero.is-video-complete .az-home-hero__video { opacity: 0; pointer-events: none; }
.az-home-hero__shade { z-index: -1; background: linear-gradient(90deg, rgba(5, 12, 20, .48) 0%, rgba(5, 12, 20, .20) 45%, rgba(5, 12, 20, .56) 100%), rgba(0, 0, 0, .16); }
.az-home-hero__inner { width: min(100%, 1360px); min-height: inherit; margin: 0 auto; padding: clamp(50px, 7vw, 112px) clamp(24px, 8vw, 130px); display: flex; align-items: center; justify-content: flex-end; box-sizing: border-box; }
.az-home-hero__content { width: min(100%, 490px); margin-left: auto; text-align: center; text-shadow: 0 2px 16px rgba(0, 0, 0, .4); }
.az-home-hero__eyebrow, .az-home-hero__title, .az-home-hero__lead, .az-home-hero__since { margin: 0; color: #fff; }
.az-home-hero__eyebrow { font-size: clamp(28px, 2.35vw, 42px); line-height: 1.13; font-weight: 700; }
.az-home-hero__title { margin-top: .2em; font-size: clamp(30px, 2.55vw, 46px); line-height: 1.13; font-weight: 700; }
.az-home-hero__lead { max-width: 440px; margin: 20px auto 0; font-size: clamp(17px, 1.22vw, 21px); line-height: 1.52; font-weight: 600; }
.az-home-hero__since { margin-top: 22px; color: #ff6324; font-size: clamp(18px, 1.38vw, 23px); font-weight: 800; letter-spacing: .02em; }
.az-home-hero__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 22px auto 16px; }
.az-home-hero__button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; border: 1px solid #fff; border-radius: 10px; color: #fff !important; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none !important; text-shadow: none; transition: transform .2s ease, background-color .2s ease, border-color .2s ease; }
.az-home-hero__button:hover, .az-home-hero__button:focus-visible { transform: translateY(-2px); color: #fff !important; }
.az-home-hero__button--primary { background: #ff6324; border-color: #ff6324; }
.az-home-hero__button--primary:hover, .az-home-hero__button--primary:focus-visible { background: #e95013; border-color: #e95013; }
.az-home-hero__button--secondary { background: rgba(5, 12, 20, .24); }
.az-home-hero__button--secondary:hover, .az-home-hero__button--secondary:focus-visible { background: rgba(5, 12, 20, .6); }
.az-home-hero__partner { display: inline-flex; max-width: min(100%, 390px); margin-top: 0; padding: 12px 18px; border-radius: 16px; background: rgba(255, 255, 255, .88); box-shadow: 0 8px 25px rgba(0, 0, 0, .18); }
.az-home-hero__partner img { display: block; width: 100%; height: auto; }

.az-gutenberg-hero .wp-block-cover__video-background { object-fit: cover; }
.az-gutenberg-hero .wp-block-cover__inner-container { width: min(100%, 1360px); margin: 0 auto; }
.az-gutenberg-hero .wp-block-group { margin-left: auto; }
.az-gutenberg-hero .wp-block-image img { display: block; width: min(100%, 390px); height: auto; }

@media (max-width: 767px) {
  .az-home-hero__video, .az-gutenberg-hero .wp-block-cover__video-background { display: none; }
  .az-home-hero__shade { background: linear-gradient(180deg, rgba(4, 10, 17, .42), rgba(4, 10, 17, .7)); }
  .az-home-hero__inner { align-items: flex-end; justify-content: center; padding: 48px 22px; }
  .az-home-hero__content { margin: 0; }
  .az-home-hero__actions { grid-template-columns: 1fr; max-width: 320px; }
  .az-home-hero__partner { max-width: 290px; }
  .az-gutenberg-hero h2 { font-size: 30px !important; }
  .az-gutenberg-hero h3 { font-size: 34px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .az-home-hero__video { display: none; transition: none; }
  .az-home-hero__button { transition: none; }
}