/*
Theme Name: BeregUA v6
Theme URI: https://example.com/
Author: OpenAI
Description: Лёгкая кастомная тема WordPress для BeregUA. Контент страниц редактируется HTML-кодом в стандартном редакторе WordPress.
Version: 9.0.0
Text Domain: beregua
*/
:root{--bg:#fff;--text:#10253d;--muted:#5f6f7f;--navy:#0d3558;--navy2:#07283f;--green:#4fa64a;--green2:#3e913a;--line:#e1e9ef;--soft:#f4f8fb;--radius:13px;--shadow:0 14px 34px rgba(8,38,62,.09);--container:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);line-height:1.58;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);border-bottom:1px solid rgba(225,233,239,.95);box-shadow:0 3px 16px rgba(5,37,60,.035)}.header-inner{min-height:104px;display:flex;align-items:center;gap:32px}.site-branding{flex:0 0 auto}.site-logo{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.site-logo img{width:235px;max-height:62px;object-fit:contain}.site-tagline{margin-top:2px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2f6b58}.site-nav{margin-left:auto}.site-nav ul{list-style:none;display:flex;align-items:center;gap:30px;padding:0;margin:0}.site-nav a{font-size:16px;font-weight:700;color:#17354f;transition:.2s}.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--green2)}.header-contact{font-size:15px;font-weight:800;white-space:nowrap;color:var(--navy)}.header-phone{transition:.2s}.header-phone:hover{color:var(--green2)}.menu-toggle{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.menu-toggle span{display:block;width:27px;height:2px;background:var(--navy);margin:5px 0}
.site-main{min-height:60vh}.hero{position:relative;min-height:700px;display:flex;align-items:center;color:#fff;overflow:hidden;background-image:linear-gradient(90deg,rgba(3,31,51,.94) 0%,rgba(3,31,51,.86) 40%,rgba(3,31,51,.42) 69%,rgba(3,31,51,.12) 100%),url('assets/images/hero.webp');background-size:cover;background-position:center center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,20,34,.22),transparent 38%);pointer-events:none}.hero-inner{position:relative;z-index:1;padding:120px 0;max-width:none;margin:0 auto}.hero-inner>*{max-width:760px}.eyebrow{display:inline-block;margin-bottom:17px;font-size:14px;font-weight:900;letter-spacing:.105em;text-transform:uppercase;color:#d9f3d4}.hero h1{margin:0 0 24px;font-size:clamp(46px,5.4vw,72px);line-height:1.01;letter-spacing:-.04em;max-width:790px}.hero p{margin:0 0 32px;max-width:720px;font-size:20px;color:rgba(255,255,255,.93)}.actions{display:flex;flex-wrap:wrap;gap:14px}.btn{appearance:none;-webkit-appearance:none;border:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:8px;font-weight:850;transition:.2s ease}.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 22px rgba(79,166,74,.24)}.btn-primary:hover{background:var(--green2);transform:translateY(-1px)}.btn-outline{border:1px solid rgba(255,255,255,.62);color:#fff;background:rgba(255,255,255,.04)}.btn-outline:hover{background:rgba(255,255,255,.12)}
.benefits{padding:50px 0;border-bottom:1px solid var(--line);background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.benefit{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start}.icon-circle{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#eaf2f7;color:var(--navy);font-size:25px;font-weight:800}.benefit h3{margin:4px 0 6px;font-size:18px}.benefit p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.section{padding:94px 0}.section-soft{background:var(--soft)}.section-head{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:end;margin-bottom:40px}.section-kicker{color:var(--green2);font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;margin-bottom:9px}.section h2{margin:0;font-size:clamp(36px,4vw,54px);line-height:1.06;letter-spacing:-.03em}.section-lead{color:var(--muted);font-size:18px;margin:0 0 4px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{display:block;color:inherit;text-decoration:none;overflow:hidden;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(8,38,62,.12)}.service-visual{height:230px;display:flex;align-items:end;padding:20px;color:#fff;font-weight:900;background-size:cover;background-position:center;position:relative}.service-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,39,58,.78),rgba(5,39,58,.05) 60%)}.service-visual span{position:relative;z-index:1}.service-gabion{background-image:url('assets/images/service-gabion.webp')}.service-sheet{background-image:url('assets/images/service-sheet.webp')}.service-stone{background-image:url('assets/images/service-stone.webp')}.service-concrete{background-image:url('assets/images/service-concrete.webp')}.service-grid-photo{background-image:url('assets/images/service-grid.webp')}.service-combined{background-image:url('assets/images/service-combined.webp')}.service-body{padding:24px 24px 27px}.service-body h3{margin:0 0 9px;font-size:22px;line-height:1.2}.service-body p{margin:0;color:var(--muted);font-size:16px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:step}.step{position:relative;padding-top:72px}.step:before{counter-increment:step;content:counter(step);position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-weight:900;font-size:18px;box-shadow:0 7px 18px rgba(79,166,74,.2)}.step:after{content:"";position:absolute;top:28px;left:72px;right:-14px;height:2px;background:#d3dfe7}.step:last-child:after{display:none}.step h3{margin:0 0 8px;font-size:19px}.step p{margin:0;color:var(--muted);font-size:15px}
.cta-band{position:relative;padding:82px 0;color:#fff;background-image:linear-gradient(90deg,rgba(9,57,85,.96),rgba(9,57,85,.84) 55%,rgba(20,78,65,.72)),url('assets/images/hero.webp');background-size:cover;background-position:center 63%}.cta-inner{display:flex;justify-content:space-between;gap:36px;align-items:center}.cta-inner h2{margin:0 0 9px;font-size:clamp(34px,4vw,50px);letter-spacing:-.025em}.cta-inner p{margin:0;color:rgba(255,255,255,.86);font-size:17px}
.content-section{padding:80px 0}.prose{max-width:920px}.prose h1{font-size:clamp(40px,5vw,62px);line-height:1.05;margin:0 0 25px}.prose h2{font-size:34px;margin:46px 0 16px}.prose h3{font-size:24px;margin:30px 0 12px}.prose p,.prose li{color:#405366;font-size:18px}.prose ul,.prose ol{padding-left:24px}.prose a{color:#176b9d;text-decoration:underline}
.site-footer{background:#071f33;color:rgba(255,255,255,.78);padding:54px 0 34px}.footer-inner{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:54px;align-items:start}.footer-logo{display:inline-block;background:#fff;border-radius:8px;padding:9px 12px}.footer-logo img{width:235px;max-height:64px;object-fit:contain}.footer-title{color:#fff;font-weight:850;margin-bottom:11px;font-size:16px}.footer-nav{list-style:none;margin:0;padding:0;display:grid;gap:8px}.footer-nav a:hover{color:#fff}.footer-meta{font-size:15px;line-height:1.7}.footer-phone{font-weight:800;color:#fff;transition:.2s}.footer-phone:hover{color:#b9e4b5}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:21px;font-size:13px}

.lang-switcher{display:flex;align-items:center;gap:6px;margin-left:4px}.lang-switcher a,.lang-switcher span{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 7px;border:1px solid var(--line);border-radius:6px;font-size:12px;font-weight:900;color:var(--navy);background:#fff}.lang-switcher a:hover,.lang-switcher .is-current{background:var(--navy);border-color:var(--navy);color:#fff}.lang-switcher-static span:last-child{opacity:.45}
@media(max-width:1050px){.header-contact{display:none}.lang-switcher{margin-left:auto}.menu-toggle{margin-left:0}.site-nav{position:absolute;top:104px;left:0;right:0;background:#fff;display:none;border-bottom:1px solid var(--line);box-shadow:0 10px 20px rgba(0,0,0,.06)}.site-nav.is-open{display:block}.site-nav ul{flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 20px}.site-nav a{display:block;padding:11px 0}.menu-toggle{display:block}.benefit-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2):after{display:none}.section-head{grid-template-columns:1fr;gap:18px}.footer-inner{grid-template-columns:1fr 1fr}.hero{background-position:62% center}}
@media(max-width:680px){.container{width:min(100% - 30px,var(--container))}.header-inner{min-height:82px}.site-logo img{width:175px}.site-tagline{font-size:9px}.site-nav{top:82px}.hero{min-height:600px;background-position:68% center}.hero-inner{padding:82px 0}.hero h1{font-size:45px}.hero p{font-size:17px}.benefit-grid,.service-grid,.footer-inner{grid-template-columns:1fr}.benefit{grid-template-columns:54px 1fr}.icon-circle{width:54px;height:54px}.section{padding:66px 0}.service-visual{height:210px}.steps{grid-template-columns:1fr;gap:0;margin-top:6px}.step{display:grid;grid-template-columns:58px 1fr;grid-template-rows:auto auto;column-gap:16px;row-gap:4px;padding:20px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step:before{position:static;grid-column:1;grid-row:1 / span 2;width:50px;height:50px;font-size:17px;align-self:start}.step:after{display:none}.step h3{grid-column:2;grid-row:1;margin:1px 0 2px;font-size:18px;line-height:1.25}.step p{grid-column:2;grid-row:2;margin:0;font-size:15px;line-height:1.5}.cta-inner{flex-direction:column;align-items:flex-start}.footer-logo img{width:190px}}


/* Lead popup + Contact Form 7 */
.lead-modal[hidden]{display:none!important}.lead-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:22px}.lead-modal__backdrop{position:absolute;inset:0;background:rgba(2,24,40,.72);backdrop-filter:blur(3px)}.lead-modal__dialog{position:relative;z-index:1;width:min(100%,500px);background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.28);padding:34px}.lead-modal__close{position:absolute;top:12px;right:14px;width:40px;height:40px;border:0;background:transparent;color:var(--navy);font-size:30px;line-height:1;cursor:pointer}.lead-modal h2{margin:0 38px 8px 0;font-size:30px;line-height:1.15}.lead-modal__intro{margin:0 0 22px;color:#5a6b79}.lead-cf7 .wpcf7-form{display:grid;gap:14px}.lead-cf7 .wpcf7-form p{margin:0}.lead-cf7 label{display:grid;gap:7px;font-weight:800;color:var(--navy)}.lead-cf7 input[type="text"],.lead-cf7 input[type="tel"],.lead-cf7 input[type="email"],.lead-cf7 textarea{width:100%;border:1px solid #cbd7df;border-radius:8px;padding:0 14px;font:inherit;color:var(--navy);background:#fff}.lead-cf7 input[type="text"],.lead-cf7 input[type="tel"],.lead-cf7 input[type="email"]{height:50px}.lead-cf7 textarea{min-height:110px;padding-top:12px;resize:vertical}.lead-cf7 input:focus,.lead-cf7 textarea:focus{outline:2px solid rgba(79,166,74,.22);border-color:var(--green)}.lead-cf7 input[type="submit"]{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 24px;border-radius:8px;background:var(--green);color:#fff;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 8px 22px rgba(79,166,74,.24);transition:.2s ease}.lead-cf7 input[type="submit"]:hover{background:var(--green2);transform:translateY(-1px)}.lead-cf7 .wpcf7-spinner{margin:8px auto 0}.lead-cf7 .wpcf7-response-output{margin:4px 0 0!important;border-radius:8px;font-size:14px}.lead-cf7 .wpcf7-not-valid-tip{font-size:13px;margin-top:4px}.cf7-setup-note{padding:14px;border:1px solid #e6c45c;background:#fff9dd;border-radius:8px;color:#66520d;font-size:14px}body.modal-open{overflow:hidden}@media(max-width:680px){.lead-modal{padding:15px}.lead-modal__dialog{padding:28px 20px 22px;border-radius:12px}.lead-modal h2{font-size:26px}}

/* v7 dropdown services menu */
.site-nav .menu-item-has-children{position:relative}.site-nav .menu-item-has-children>a:after{content:"";display:inline-block;width:7px;height:7px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.site-nav .sub-menu{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);z-index:120;min-width:285px;display:block!important;padding:10px!important;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 18px 45px rgba(7,40,63,.16);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.site-nav .sub-menu:before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}.site-nav .menu-item-has-children:hover>.sub-menu,.site-nav .menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.site-nav .sub-menu li{display:block}.site-nav .sub-menu a{display:block;padding:11px 13px!important;border-radius:7px;white-space:nowrap;font-size:14px;font-weight:700}.site-nav .sub-menu a:hover{background:var(--soft)}.submenu-toggle{display:none}
@media(max-width:1050px){.site-nav .menu-item-has-children{display:grid;grid-template-columns:1fr 44px}.site-nav .menu-item-has-children>a{grid-column:1}.site-nav .menu-item-has-children>a:after{display:none}.submenu-toggle{display:block;grid-column:2;grid-row:1;border:0;background:transparent;position:relative;cursor:pointer}.submenu-toggle:after{content:"";position:absolute;left:15px;top:14px;width:8px;height:8px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);transition:.2s}.menu-item-has-children.submenu-open>.submenu-toggle:after{transform:translateY(4px) rotate(225deg)}.site-nav .sub-menu{grid-column:1 / -1;position:static;transform:none!important;min-width:0;width:100%;padding:0 0 4px 18px!important;border:0;border-left:2px solid var(--line);border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;display:none!important}.site-nav .menu-item-has-children.submenu-open>.sub-menu{display:block!important}.site-nav .sub-menu a{padding:9px 0!important;white-space:normal;font-size:15px}.site-nav .sub-menu a:hover{background:transparent}}


/* v9: exact legacy language switcher + stronger specificity.
   filemtime() is used in functions.php so browser/CDN caches cannot keep the old CSS. */
.site-header .header-inner > .lang-switcher.lang-switcher--legacy{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  margin-left:4px !important;
  flex:0 0 auto !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}
.site-header .header-inner > .lang-switcher.lang-switcher--legacy > a,
.site-header .header-inner > .lang-switcher.lang-switcher--legacy > span{
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:38px !important;
  min-width:38px !important;
  height:34px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid #d5e0e8 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#0d3558 !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:background .18s ease,color .18s ease,border-color .18s ease !important;
}
.site-header .header-inner > .lang-switcher.lang-switcher--legacy > a:hover,
.site-header .header-inner > .lang-switcher.lang-switcher--legacy > a.is-current,
.site-header .header-inner > .lang-switcher.lang-switcher--legacy > span.is-current{
  background:#0d3558 !important;
  border-color:#0d3558 !important;
  color:#fff !important;
}
@media(max-width:1050px){
  .site-header .header-inner > .lang-switcher.lang-switcher--legacy{
    margin-left:auto !important;
  }
}
@media(max-width:680px){
  .site-header .header-inner > .lang-switcher.lang-switcher--legacy{gap:6px !important;}
  .site-header .header-inner > .lang-switcher.lang-switcher--legacy > a,
  .site-header .header-inner > .lang-switcher.lang-switcher--legacy > span{
    width:38px !important;
    min-width:38px !important;
    height:34px !important;
    font-size:13px !important;
  }
}