/*
Theme Name: Evergreen Bridge
Theme URI: https://evergreenbridgetm.com/
Author: Evergreen Bridge
Description: Official V3-matched Elementor-ready theme for Evergreen Bridge TM LTD.
Version: 4.0.0
Requires PHP: 7.4
Text Domain: evergreen-bridge
*/

/* Elementor media showcase: optional new widget, doesn't change approved V3 pages */
.eb-media-showcase{min-height:530px;display:flex;align-items:center;isolation:isolate;position:relative;background:#103b2b;overflow:hidden;color:#fff}
.eb-media-picture,.eb-media-showcase-bg,.eb-media-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.eb-media-picture img,.eb-media-showcase-bg{width:100%;height:100%;object-fit:cover}.eb-media-shade{z-index:-1;background:rgba(0,19,9,.58)}
.eb-media-showcase-content{width:min(100%,1260px);margin:0 auto;padding:95px 30px}.eb-media-showcase h2{font:800 clamp(40px,5vw,76px)/1.09 Manrope,sans-serif;max-width:950px;letter-spacing:-.055em;margin:15px 0 18px;color:#fff}.eb-media-eyebrow{font-size:12px;letter-spacing:.2em;font-weight:800;color:#d6b06b}.eb-media-description{max-width:690px;font-size:17px;line-height:1.8;margin-bottom:25px;color:#f0f5ef}
@media(max-width:767px){.eb-media-showcase-content{padding:70px 22px}.eb-media-showcase h2{font-size:clamp(36px,9vw,58px)}}


/* V1.4 Elementor granular homepage conversion — preserve the approved V3 layouts. */
.eb-v14-full-section,.eb-v14-full-section>.e-con-inner,.eb-v14-full-section .elementor-widget,.eb-v14-full-section .elementor-widget-container{width:100%;max-width:none;margin:0!important;padding:0!important}
.eb-v14-shell{display:block!important;padding:0!important;max-width:none!important;width:100%}
.eb-v14-shell>.e-con-inner{display:block!important;max-width:none!important;width:100%;padding:0!important}
.eb-v14-inner.container{display:block!important;width:100%;max-width:1260px;margin:0 auto;padding:0 30px!important}
.eb-v14-inner.container>.e-con-inner{display:block!important;max-width:none!important;padding:0!important}
.eb-v14-inner .elementor-widget{margin:0!important}
.eb-v14-inner .elementor-widget-container{padding:0!important;margin:0!important}
.eb-v14-grid{width:100%;display:grid!important;gap:22px;grid-auto-flow:row;align-items:stretch}
.eb-v14-grid.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.eb-v14-grid.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.eb-v14-grid.commodity-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.eb-v14-grid>.elementor-widget,.eb-v14-grid>.e-con-inner>.elementor-widget{min-width:0;width:100%;max-width:100%;height:100%;margin:0!important}
.eb-v14-grid>.e-con-inner{display:contents!important}
.eb-v14-grid .elementor-widget-container,.eb-v14-grid .eb-v3-section{height:100%}
.eb-v14-grid .info-card,.eb-v14-grid .commodity-tile{height:100%;box-sizing:border-box}
.elementor-editor-active .eb-v14-grid .reveal{opacity:1!important;transform:none!important}
@media(max-width:1030px){.eb-v14-grid.card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.eb-v14-inner.container{padding:0 20px!important}.eb-v14-grid.card-grid.three,.eb-v14-grid.commodity-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:490px){.eb-v14-grid.card-grid.three,.eb-v14-grid.card-grid.four,.eb-v14-grid.commodity-tiles{grid-template-columns:1fr}}

/* V1.5 native Elementor sections — no source HTML widgets. */
.eb-native-full,.eb-native-full>.e-con-inner,.eb-native-full .elementor-widget,.eb-native-full .elementor-widget-container{width:100%;max-width:none;margin:0!important;padding:0!important}
.eb-native-section-wrap{display:block!important;padding:0!important;width:100%;max-width:none!important}
.eb-native-section-wrap>.e-con-inner{display:block!important;padding:0!important;max-width:none!important}
.eb-native-section-inner.container{max-width:1260px;margin:0 auto;padding:0 30px!important;display:block!important}
.eb-native-section-inner>.e-con-inner{display:block!important;padding:0!important;max-width:none!important}
.eb-native-card-grid{display:grid!important;gap:22px;width:100%;grid-auto-flow:row;align-items:stretch}
.eb-native-card-grid>.e-con-inner{display:contents!important}
.eb-native-card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.eb-native-card-grid.three,.eb-native-card-grid.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}
.eb-native-card-grid>.elementor-widget{min-width:0;width:100%;height:100%}
.eb-native-card-grid .elementor-widget-container,.eb-native-card-grid .info-card,.eb-native-card-grid .commodity-tile{height:100%;box-sizing:border-box}
.eb-native-stat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;max-width:1260px;margin:0 auto;padding:0 30px!important}
.eb-native-stat-grid>.e-con-inner{display:contents!important}
.eb-native-credibility{background:var(--green-dark,#103b2b);padding:24px 0!important}
.eb-native-stat{color:#fff}.eb-native-stat b{display:block;font-size:clamp(20px,2vw,29px);color:#e3b86c}.eb-native-stat span{font-size:13px}
.eb-native-media{overflow:hidden;position:relative;min-height:270px}
.eb-native-media img,.eb-native-media video{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}
.eb-native-hero{position:relative;isolation:isolate;overflow:hidden}
.eb-native-hero-media,.eb-native-hero-bg{position:absolute;inset:0;z-index:-2}
.eb-native-hero-bg img,.eb-native-hero-bg video{width:100%;height:100%;object-fit:cover}
.eb-native-hero .hero-overlay{pointer-events:none;z-index:-1}
.eb-native-commodity{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-height:340px;text-decoration:none!important;color:#fff}
.eb-native-commodity>.eb-native-tile-bg{position:absolute;inset:0;z-index:-2;min-height:0}
.eb-native-commodity>.eb-native-tile-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,34,24,.84),rgba(8,34,24,.07))}
.eb-native-commodity .eb-native-tile-link{color:#fff;margin-top:14px;display:inline-block;text-decoration:none}
.eb-native-investment .investment-photo{min-height:400px}
.eb-native-card-media{margin:-30px -30px 22px}
.eb-native-info-card{display:flex;flex-direction:column}
.eb-native-info-card .text-link{margin-top:auto}
.eb-native-mobile-fallback{display:none!important}
.eb-native-lift{transition:transform .35s ease,box-shadow .35s ease}
.eb-native-lift:hover{transform:translateY(-5px)}
.elementor-editor-active .eb-native-hero .reveal,.elementor-editor-active .eb-native-section-wrap .reveal,.elementor-editor-active .eb-native-full .reveal{opacity:1!important;transform:none!important}
@media(max-width:1030px){.eb-native-card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.eb-native-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 20px!important}.eb-native-section-inner.container{padding:0 20px!important}.eb-native-card-grid.three,.eb-native-card-grid.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.eb-native-mobile-fallback{display:block!important}.eb-native-hero-bg video+.eb-native-mobile-fallback{position:absolute;inset:0}}
@media(max-width:490px){.eb-native-card-grid.four,.eb-native-card-grid.three,.eb-native-card-grid.tiles{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.eb-native-lift{transition:none!important}.eb-native-lift:hover{transform:none!important}}

/* V1.6.1: restore four business cards in one desktop row.
   The section uses CSS class "four", not "eb-native-four".
   Explicit selectors beat the generic 3-column Elementor fidelity rule. */
.eb-native-card-grid.four,
.eb-native-card-grid.four.elementor-element {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px;
  align-items:stretch;
}
.eb-native-card-grid.four > .elementor-element,
.eb-native-card-grid.four > .e-con-inner > .elementor-element {min-width:0;width:100%;}
/* Inner wrappers exist in some Elementor container versions. */
.eb-native-card-grid.four > .e-con-inner {display:contents!important;}
@media (min-width: 768px) and (max-width: 1050px) {
  .eb-native-card-grid.four, .eb-native-card-grid.four.elementor-element {gap:14px;}
  .eb-native-card-grid.four .info-card {padding:22px 16px;}
}
@media (max-width: 767px) {
  .eb-native-card-grid.four, .eb-native-card-grid.four.elementor-element {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width: 490px) {
  .eb-native-card-grid.four, .eb-native-card-grid.four.elementor-element {grid-template-columns:minmax(0,1fr)!important;}
}
/* V3.7: configurable alternative logos, without changing the approved header layout */
.site-header .eb-sticky-logo,.site-header .eb-mobile-logo{display:none;height:auto;object-fit:contain;max-height:78px}
.site-header.eb-scrolled .eb-custom-logo:has(+ .eb-sticky-logo){display:none}
.site-header.eb-scrolled .eb-sticky-logo{display:block;width:var(--eb-sticky-logo-width,180px)}
.eb37-top-actions{display:inline-flex;gap:12px}.eb37-top-actions a{color:inherit;text-decoration:underline}
@media(max-width:767px){.site-header .eb-custom-logo:has(~ .eb-mobile-logo),.site-header .eb-sticky-logo{display:none!important}.site-header .eb-mobile-logo{display:block!important;width:var(--eb-mobile-logo-width,170px)}}
