/*
 * GeamuriUTILAJE frontend refactor layer
 * Keep new visual fixes here instead of inline style attributes in Blade files.
 * This file loads last, after legacy vendor/theme CSS.
 */
:root{
    --gu-yellow:#f6bd00;
    --gu-yellow-dark:#dca600;
    --gu-black:#0d1115;
    --gu-black-soft:#151a20;
    --gu-white:#fff;
    --gu-text:#1d1d1f;
    --gu-muted:#6f7782;
    --gu-border:rgba(255,255,255,.12);
    --gu-shadow:0 18px 45px rgba(0,0,0,.18);
    --gu-radius:18px;
}

img{max-width:100%;height:auto;}
a{transition:color .2s ease, background-color .2s ease, border-color .2s ease, transform .2s ease, opacity .2s ease;}

/* Header/menu consolidation */
.pnrr2{padding-top:28px;padding-bottom:28px;}
.pnrr2 img{display:block;margin:0 auto;max-height:80px;object-fit:contain;}
.header-section.culoare_parchet{background:linear-gradient(135deg,#090d10 0%,#151a1f 100%);box-shadow:var(--gu-shadow);}
.header-border-black,.header-border{display:flex;align-items:center;gap:24px;min-height:118px;padding:0 28px;border:0!important;}
.header-border-black:before,.header-border:before,.header-border-black:after,.header-border:after{content:none;}
.header-section .logo{display:flex;align-items:center;min-height:118px;padding:0!important;}
.header-section .logo img{max-height:82px;width:auto;object-fit:contain;}
.elementor-element-populated_meniu{display:flex!important;align-items:center;min-height:118px;padding:0!important;flex:1 1 auto;}
.main-menu{width:100%;}
.main-menu ul{display:flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:0;list-style:none;}
.main-menu ul li{position:relative;margin:0!important;}
.main-menu ul li a{display:flex;align-items:center;min-height:44px;padding:12px 14px!important;color:#fff!important;font-size:15px;font-weight:500;line-height:1.2;text-transform:none;white-space:nowrap;border-radius:999px;}
.main-menu ul li a:hover,.main-menu ul li.active>a{color:var(--gu-yellow)!important;background:rgba(255,255,255,.06);}
.main-menu ul li ul{display:none;position:absolute;top:100%;left:0;z-index:9999;min-width:230px;padding:10px;background:#11161c;border:1px solid rgba(255,255,255,.08);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.25);}
.main-menu ul li:hover>ul{display:block;}
.main-menu ul li ul li a{justify-content:flex-start;min-height:auto;padding:10px 12px!important;border-radius:10px;}

.header-section .z-index{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-height:118px;padding:0!important;}
.header-section .header-social{float:none!important;display:flex;align-items:center;margin:0!important;padding:0!important;}
.header-section .select-language{margin-top:0!important;}
.header-section .call_icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin:0 4px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid var(--gu-border);color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);}
.header-section .call_icon:hover{background:var(--gu-yellow);color:#111!important;transform:translateY(-1px);}
.header-section .call_icon img{max-width:22px;max-height:22px;object-fit:contain;}
.header-section .call_icon span{display:none!important;}
.header-section .call_icon[title]:hover:after{content:attr(title);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);z-index:99999;min-width:max-content;padding:8px 12px;background:#111;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:13px;line-height:1;box-shadow:0 10px 25px rgba(0,0,0,.25);}
.header-section #search-button{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;color:#fff!important;border:1px solid var(--gu-border);background:rgba(255,255,255,.04);font-size:24px;}
.header-section #search-button:hover{color:var(--gu-yellow)!important;background:rgba(255,255,255,.08);}
.header-section .lang-dropdown{height:42px;padding:0 12px;border:1px solid var(--gu-border);border-radius:999px;background:rgba(255,255,255,.04);color:#fff;text-transform:uppercase;}
.header-section .lang-dropdown:hover,.header-section .lang-dropdown:focus{background:rgba(255,255,255,.08);color:#fff;}
.header-section .dropdown-menu-lang{border-radius:12px;border:0;box-shadow:0 18px 35px rgba(0,0,0,.25);}

/* Cookie card polish, compatible with old and premium markup */
#accept_cookies,.cookie-consent,.js-cookie-consent{z-index:99999!important;}
#accept_cookies{right:24px!important;left:auto!important;bottom:24px!important;max-width:460px;border:0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 25px 70px rgba(0,0,0,.22)!important;text-align:left!important;}
#accept_cookies .container-fluid{padding:8px 12px;}
#accept_cookies .transparent-button-with-border,#accept_cookies input[type="submit"]{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:8px 6px 0 0;padding:10px 16px!important;border-radius:12px!important;border:1px solid #dedede!important;background:#111!important;color:#fff!important;font-weight:600;}
#accept_cookies .transparent-button-with-border:hover,#accept_cookies input[type="submit"]:hover{background:var(--gu-yellow)!important;border-color:var(--gu-yellow)!important;color:#111!important;}

/* Floating mobile actions */
.geamuri-mobile-action{position:fixed;z-index:99999;bottom:20px;width:60px;height:60px;border-radius:50%;background:#19212e;box-shadow:0 12px 30px rgba(0,0,0,.25);}
.geamuri-mobile-action--call{left:20px;}
.geamuri-mobile-action--mail{right:20px;}
.geamuri-mobile-action a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff!important;}
.geamuri-mobile-action:hover{background:var(--gu-yellow);}
.geamuri-mobile-action:hover a{color:#111!important;}

/* Utilities for future cleanup */
.gu-hidden{display:none!important;}
.gu-text-center{text-align:center!important;}
.gu-no-margin{margin:0!important;}
.gu-no-padding{padding:0!important;}

@media (max-width:1199px){
    .header-border-black,.header-border{gap:16px;padding:0 18px;}
    .main-menu ul li a{padding:10px 9px!important;font-size:14px;}
    .header-section .call_icon,.header-section #search-button{width:42px;height:42px;}
}
@media (max-width:991px){
    .header-border-black,.header-border{display:block;min-height:auto;padding:14px 18px;}
    .header-section .logo{min-height:auto;}
    .header-section .z-index{min-height:auto;padding-top:10px!important;}
    .elementor-element-populated_meniu{display:none!important;}
}
@media (max-width:767px){
    .pnrr2{padding-top:14px;padding-bottom:14px;}
    #accept_cookies{left:14px!important;right:14px!important;bottom:14px!important;max-width:none;}
}

/* Header v2 - closer to supplied CGS reference */
body > .pnrr2{width:100%;max-width:none;margin:0;padding:18px 4.5%;background:#fff;}
body > .pnrr2 > .col-xs-12{float:none;padding:0;}
body > .pnrr2 img{width:100%;max-width:1240px;max-height:72px;object-fit:contain;}

#navbar.header-section{position:relative;background:#07090b!important;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.04);}
#navbar .container-fluid{max-width:1780px;margin:0 auto;padding:0 3%;}
#navbar .header-border-black,#navbar .header-border{width:100%;min-height:96px;padding:0;gap:26px;background:transparent;border:0!important;}
#navbar .gu-header-logo{width:20%;min-height:96px;}
#navbar .gu-brand{display:flex;align-items:center;max-width:310px;}
#navbar .gu-brand img{max-width:100%;max-height:62px;width:auto;}
#navbar .gu-header-menu{width:47%;min-height:96px;}
#navbar .main-menu ul{justify-content:flex-start;gap:2px;}
#navbar .main-menu ul li a{min-height:96px;padding:0 15px!important;border-radius:0;font-size:14px;font-weight:600;letter-spacing:.01em;text-transform:uppercase;}
#navbar .main-menu ul li a:hover,#navbar .main-menu ul li.active>a{background:transparent;color:var(--gu-yellow)!important;}
#navbar .main-menu ul li ul{top:calc(100% - 1px);border-radius:0 0 12px 12px;}
#navbar .main-menu ul li ul li a{min-height:auto;padding:12px 14px!important;text-transform:none;}

#navbar .gu-header-actions{width:33%;display:flex;align-items:center;justify-content:flex-end;gap:18px;min-height:96px;}
#navbar .gu-contact-link{display:inline-flex;align-items:center;gap:10px;color:#fff!important;font-size:14px;font-weight:600;text-transform:uppercase;white-space:nowrap;}
#navbar .gu-contact-link i{font-size:24px;font-weight:400;}
#navbar .gu-contact-link:hover{color:var(--gu-yellow)!important;}
#navbar .gu-round-actions{display:flex;align-items:center;gap:10px;}
#navbar .gu-round-action,#navbar #search-button.gu-round-action{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:transparent;color:#fff!important;font-size:20px;box-shadow:none;}
#navbar .gu-round-action:hover,#navbar #search-button.gu-round-action:hover{border-color:var(--gu-yellow);background:var(--gu-yellow);color:#111!important;transform:none;}
#navbar .gu-round-action .ion-android-search{font-size:24px;}
#navbar .gu-language-dropdown{flex:0 0 auto;}
#navbar .lang-dropdown{height:48px;min-width:76px;padding:0 15px;border-color:rgba(255,255,255,.24);background:transparent;font-size:13px;font-weight:600;}
#navbar .lang-dropdown:hover,#navbar .lang-dropdown:focus{border-color:var(--gu-yellow);background:transparent;color:var(--gu-yellow);}

@media (max-width:1350px){
  #navbar .main-menu ul li a{padding:0 10px!important;font-size:13px;}
  #navbar .gu-header-actions{gap:10px;}
  #navbar .gu-round-actions{gap:7px;}
  #navbar .gu-round-action,#navbar #search-button.gu-round-action{width:44px;height:44px;}
}
@media (max-width:768px){
	.margin-top {
        margin-top: -40px;
    }
	#navbar .gu-header-logo {
            width: 49%!important;
            min-height: 68px;
     }
	#navbar .header-border{
	        display: flex;
        min-height: 78px;
        padding: 0;
        flex-wrap: wrap;
}
}
	
@media (min-width: 769px) and (max-width: 991px) {
    #navbar .header-border{display:flex;min-height:78px;padding:0;}
}
@media (max-width:991px){
  body > .pnrr2{padding:12px 18px;}
  body > .pnrr2 img{max-height:54px;}
  #navbar .container-fluid{padding:0 18px;}
  #navbar .header-border-black{display:flex;min-height:78px;padding:0;}
  #navbar .gu-header-logo{width:55%;min-height:78px;}
  #navbar .gu-brand img{max-height:52px;}
  #navbar .gu-header-actions{width:45%;min-height:78px;padding:0!important;}
  #navbar .gu-round-action,#navbar #search-button.gu-round-action{width:42px;height:42px;}
  #navbar .lang-dropdown{height:42px;min-width:66px;}
}
@media (max-width:520px){
  body > .pnrr2{padding:9px 10px;}
  body > .pnrr2 img{max-height:42px;}
  #navbar .container-fluid{padding:0 12px;}
  #navbar .header-border-black,#navbar .header-border{gap:8px;min-height:68px;}
  #navbar .gu-header-logo{width:58%;min-height:68px;}
  #navbar .gu-brand img{max-height:44px;}
  #navbar .gu-header-actions{width:42%;min-height:68px;gap:7px;}
  #navbar .gu-round-actions{gap:6px;}
  #navbar .gu-round-action,#navbar #search-button.gu-round-action{width:38px;height:38px;font-size:17px;}
  #navbar .lang-dropdown{height:38px;min-width:58px;padding:0 9px;}
}


/* Header v2.1 - remove duplicate contact CTA and restore both phone numbers */
#navbar .gu-contact-link{display:none!important;}
#navbar .gu-phone-list{display:flex;align-items:center;gap:14px;}
#navbar .gu-phone-link{display:inline-flex;align-items:center;gap:7px;color:#fff!important;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;}
#navbar .gu-phone-link i{font-size:16px;color:var(--gu-yellow);}
#navbar .gu-phone-link:hover{color:var(--gu-yellow)!important;}
#navbar .gu-header-actions{gap:16px;}

@media (max-width:1500px){
  #navbar .gu-phone-list{gap:9px;}
  #navbar .gu-phone-link{font-size:12px;}
  #navbar .gu-header-actions{gap:10px;}
}
@media (max-width:1199px){
  #navbar .gu-phone-list{display:none!important;}
}

/* Header v2.2 - compact desktop height */
@media (min-width:992px){
  #navbar .header-border-black,
  #navbar .header-border{
    min-height:76px;
  }

  #navbar .gu-header-logo,
  #navbar .gu-header-menu,
  #navbar .gu-header-actions{
    min-height:76px;
  }

  #navbar .gu-brand img{
    max-height:50px;
  }

  #navbar .main-menu ul li a{
    min-height:76px;
  }

  #navbar .gu-round-action,
  #navbar #search-button.gu-round-action{
    width:44px;
    height:44px;
  }

  #navbar .lang-dropdown{
    height:44px;
  }
}

/* Header v2.3 - final compact alignment and readable breadcrumbs */
@media (min-width:992px){
  #navbar .header-border-black,
  #navbar .header-border,
  #navbar .gu-header-logo,
  #navbar .gu-header-menu,
  #navbar .gu-header-actions{
    min-height:66px;
    height:66px;
  }

  #navbar .gu-header-logo{
    display:flex;
    align-items:center;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  #navbar .gu-brand{
    height:66px;
    display:flex;
    align-items:center;
  }

  #navbar .gu-brand img{
    display:block;
    max-height:46px;
    margin-top:0;
    margin-bottom:0;
  }

  #navbar .main-menu,
  #navbar .main-menu > ul,
  #navbar .main-menu ul li,
  #navbar .main-menu ul li a{
    min-height:28px;
    height:28px;
  }

  #navbar .main-menu ul li a{
    display:flex;
    align-items:center;
  }

  #navbar .gu-header-actions{
    padding-top:0!important;
    padding-bottom:0!important;
  }

  #navbar .gu-round-action,
  #navbar #search-button.gu-round-action{
    width:42px;
    height:42px;
  }

  #navbar .lang-dropdown{
    height:42px;
  }
}

/* Breadcrumb links on the yellow bar */
.breadcrumb,
.breadcrumb li,
.breadcrumb li a,
.breadcrumb-item,
.breadcrumb-item a,
.mp-breadcrumb,
.mp-breadcrumb a{
  color:#111!important;
}

.breadcrumb li a:hover,
.breadcrumb-item a:hover,
.mp-breadcrumb a:hover{
  color:#000!important;
  text-decoration:underline;
}

.breadcrumb > li + li:before,
.breadcrumb-item + .breadcrumb-item:before{
  color:#111!important;
}

/* Patch v2.4 - logo vertically centered and black breadcrumb text */
#navbar .gu-header-logo{
  display:flex!important;
  align-items:center!important;
}

#navbar .gu-header-logo .gu-brand{
  display:flex!important;
  align-items:center!important;
  height:100%!important;
  margin: 0 0 0 10px !important;
  padding:0!important;
}

#navbar .gu-header-logo .gu-brand img{
  display:block!important;
  margin-top:auto!important;
  margin-bottom:auto!important;
}

.bg_orange .titlu_spatiu,
.bg_orange .titlu_spatiu ul,
.bg_orange .titlu_spatiu li,
.bg_orange .titlu_spatiu a,
.bg_orange .titlu_spatiu .elementor-icon-list-text,
.bg_orange .titlu_spatiu .elementor-icon-list-icon,
.bg_orange .titlu_spatiu .elementor-icon-list-icon i{
  color:#111!important;
}

.bg_orange .titlu_spatiu a:hover,
.bg_orange .titlu_spatiu a:hover .elementor-icon-list-text,
.bg_orange .titlu_spatiu a:hover .elementor-icon-list-icon i{
  color:#000!important;
}

/* Patch 07 - force true vertical centering of the desktop logo */
@media (min-width: 992px){
  #navbar .header-border-black > .gu-header-logo,
  #navbar .header-border > .gu-header-logo{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:66px!important;
    min-height:66px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }

  #navbar .header-border-black > .gu-header-logo > .gu-brand,
  #navbar .header-border > .gu-header-logo > .gu-brand{
    position:static!important;
    top:auto!important;
    bottom:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    height:66px!important;
    min-height:66px!important;
    margin:0!important;
    padding:0!important;
    line-height:normal!important;
  }

  #navbar .header-border-black > .gu-header-logo > .gu-brand > img,
  #navbar .header-border > .gu-header-logo > .gu-brand > img{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    display:block!important;
    float:none!important;
    max-height:46px!important;
    width:auto!important;
    margin:0!important;
    transform:none!important;
  }
}

/* Patch 30 - homepage mobile hero + filters (actual final stylesheet) */
@media only screen and (max-width: 767px) {
  .co-hero-section-3,
  .co-hero-section-3 .co-hero-slider-4,
  .co-hero-section-3 .slick-list,
  .co-hero-section-3 .slick-track {
    min-height: 0 !important;
  }

  .co-hero-section-3 .co-hero-slide-item-4 {
    min-height: 210px !important;
    height: 210px !important;
    padding: 35px 14px 34px !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .co-hero-section-3 .elementor-container,
  .co-hero-section-3 .row {
    width: 100% !important;
    margin: 0 !important;
  }

  .co-hero-section-3 .co-hero-slide-content-3 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 8px !important;
    text-align: center !important;
  }

  .co-hero-section-3 .co-hero-slide-content-3 h1,
  .co-hero-section-3 .co-hero-slide-content-3 h2,
  .co-hero-section-3 .co-hero-slide-content-3 h3,
  .co-hero-section-3 .co-hero-slide-content-3 .elementor-heading-title {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto 16px !important;
    font-size: clamp(15px, 6.2vw, 18px) !important;
    line-height: 1.08 !important;
    font-weight: 400 !important;
    letter-spacing: -0.02em !important;
    text-align: center !important;
  }

  .co-hero-section-3 .co-hero-slide-content-3 .widget-container2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 auto !important;
  }

  .co-hero-section-3 .co-hero-slide-content-3 .widget-container2 .elementor-button-wrapper,
  .co-hero-section-3 .co-hero-slide-content-3 .widget-container2 a,
  .co-hero-section-3 .co-hero-slide-content-3 .btn-trasparent {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .filter-bar.js-filter-bar {
    display: block !important;
    width: calc(100% - 28px) !important;
    max-width: none !important;
    margin: 14px !important;
    padding: 22px 16px !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.14) !important;
    box-sizing: border-box !important;
  }

  .filter-bar .filter-bar-title {
    margin: 0 0 16px !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  .filter-bar .filter-bar-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    gap: 12px !important;
    width: 100% !important;
  }

  .filter-bar .filter-bar-controls > div,
  .filter-bar .js-brand-div,
  .filter-bar .js-filter-div,
  .filter-bar .js-filter-values-div {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  .filter-bar .filter-select,
  .filter-bar .filter-button {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 56px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
  }

  .filter-bar .filter-select {
    padding: 0 44px 0 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    background-color: #fff !important;
  }

  .filter-bar .filter-button {
    margin-top: 2px !important;
    border: 0 !important;
    background: #050505 !important;
    color: #fff !important;
  }
}

@media only screen and (max-width: 390px) {
  .co-hero-section-3 .co-hero-slide-item-4 {
    min-height: 380px !important;
    height: 380px !important;
    padding-top: 22px !important;
  }

  .co-hero-section-3 .co-hero-slide-content-3 h1,
  .co-hero-section-3 .co-hero-slide-content-3 h2,
  .co-hero-section-3 .co-hero-slide-content-3 h3,
  .co-hero-section-3 .co-hero-slide-content-3 .elementor-heading-title {
    font-size: 25px !important;
  }
}
