
:root{
  --ebc-primary:#107db3;
  --ebc-accent:#0f172a;
  --ebc-base-fs:16px;
  --ebc-bg:#ffffff;
  --ebc-soft:#f3f4f6;
  --ebc-soft2:#f8fafc;
  --ebc-border:#e5e7eb;
  --ebc-radius:16px;
  --ebc-shadow:0 10px 25px rgba(2,6,23,.08);
}

*{box-sizing:border-box}
html{font-size:var(--ebc-base-fs)}
body{
  margin:0;
  background:var(--ebc-bg);
  color:#0b1220;
  line-height:1.55;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
a{color:inherit}
img{max-width:100%;height:auto}
.screen-reader-text{position:absolute;left:-9999px}

/* Layout */
.ebc-container{width:min(1180px, 92vw); margin-inline:auto}
.ebc-muted{color:#64748b}

.ebc-topbar{
  background:var(--ebc-primary);
  color:#fff;
  font-size:.9rem;
}
.ebc-topbar-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:10px 0;
}
.ebc-topbar-left{display:flex; flex-wrap:wrap; gap:14px; align-items:center}
.ebc-topbar-item{display:flex; gap:8px; align-items:center; opacity:.95}
.ebc-topbar-item a{color:#fff; text-decoration:none}
.ebc-topbar-item svg{width:16px;height:16px; fill:#fff}
.ebc-topbar-right{display:flex; align-items:center; gap:12px}
.ebc-topbar-link{color:#fff; text-decoration:none; font-weight:600; display:flex; gap:10px; align-items:center}
.ebc-topbar-link .ebc-arrow{font-size:1.2em; line-height:1}

.ebc-mainbar{
  border-bottom:1px solid var(--ebc-border);
  background:#fff;
}
.ebc-mainbar-inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px;
  padding:14px 0;
}
.ebc-brand{display:flex; align-items:center; gap:10px}
.ebc-logo img{height:56px; width:auto}
.ebc-site-title{font-weight:800; text-decoration:none; font-size:1.2rem}

.ebc-search-wrap{flex:1; display:flex; justify-content:center}
.ebc-search{
  width:min(700px, 100%);
  position:relative;
  display:flex;
  align-items:stretch;
  background:var(--ebc-soft2);
  border:1px solid var(--ebc-border);
  border-radius:999px;
  overflow:hidden;
  box-shadow:0 1px 0 rgba(2,6,23,.03);
}
.ebc-search-ic{display:grid; place-items:center; width:44px; color:#64748b}
.ebc-search-ic svg{width:18px;height:18px; fill:#64748b}
.ebc-search-input{
  border:0; outline:none; flex:1;
  background:transparent;
  padding:14px 10px;
  font-size:1rem;
}
.ebc-search-btn{
  border:0; outline:none;
  padding:0 20px;
  background:#e5e7eb;
  font-weight:700;
  cursor:pointer;
}
.ebc-search-btn:hover{filter:brightness(.98)}

.ebc-live-results{
  position:absolute;
  left:0; right:0;
  top:calc(100% + 8px);
  background:#fff;
  border:1px solid var(--ebc-border);
  border-radius:12px;
  box-shadow:var(--ebc-shadow);
  overflow:hidden;
  display:none;
  z-index:50;
}
.ebc-live-results.is-open{display:block}
.ebc-live-item{
  display:flex; align-items:center; gap:12px;
  padding:10px 12px;
  text-decoration:none;
}
.ebc-live-item:hover{background:var(--ebc-soft2)}
.ebc-live-thumb{
  width:40px; height:40px; border-radius:10px;
  background:var(--ebc-soft);
  border:1px solid var(--ebc-border);
  flex:0 0 auto;
  display:grid; place-items:center;
}
.ebc-live-thumb img{width:100%; height:100%; object-fit:cover; border-radius:10px}
.ebc-live-meta{display:flex; flex-direction:column}
.ebc-live-type{font-size:.78rem; color:#64748b}
.ebc-live-title{font-weight:700}

.ebc-actions{display:flex; gap:10px; align-items:center}
.ebc-icon-btn{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  border-radius:999px;
  border:1px solid var(--ebc-border);
  background:var(--ebc-soft2);
  cursor:pointer;
  text-decoration:none;
  position:relative;
}
.ebc-icon-btn:hover{background:#fff}
.ebc-ic svg{width:18px;height:18px; fill:#111827}
.ebc-ic-label{font-weight:700; font-size:.95rem}
.ebc-cart-badge{
  position:absolute;
  top:-6px; right:-6px;
  background:#ef4444;
  color:#fff;
  width:22px; height:22px;
  border-radius:999px;
  display:grid; place-items:center;
  font-size:.8rem;
  border:2px solid #fff;
}

/* Desktop menu */
.ebc-nav-desktop{
  background:#fff;
  border-bottom:1px solid var(--ebc-border);
}
.ebc-menu{
  display:flex; gap:22px; list-style:none; padding:10px 0; margin:0;
  font-weight:700;
}
.ebc-menu a{text-decoration:none; padding:10px 0; display:inline-block}
.ebc-menu li.menu-item-has-children{position:relative}
.ebc-menu li ul{
  display:none;
  position:absolute;
  left:0; top:100%;
  background:#fff;
  border:1px solid var(--ebc-border);
  border-radius:12px;
  padding:10px;
  min-width:240px;
  box-shadow:var(--ebc-shadow);
  z-index:40;
}
.ebc-menu li:hover > ul{display:block}
.ebc-menu li ul li{list-style:none}
.ebc-menu li ul a{padding:10px 12px; display:block; border-radius:10px}
.ebc-menu li ul a:hover{background:var(--ebc-soft2)}

/* Categories panel */
.ebc-cats-panel{
  border-bottom:1px solid var(--ebc-border);
  background:#fff;
}
.ebc-cats-inner{padding:16px 0}
.ebc-cats-head{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px}
.ebc-close{border:1px solid var(--ebc-border); background:var(--ebc-soft2); border-radius:999px; padding:10px 14px; cursor:pointer}
.ebc-cat-list{list-style:none; padding:0; margin:0}
.ebc-cat-item{position:relative}
.ebc-cat-link{display:block; padding:10px 12px; text-decoration:none; border-radius:10px}
.ebc-cat-link:hover{background:var(--ebc-soft2)}
.ebc-cat-item.has-children > .ebc-cat-toggle{
  position:absolute; right:6px; top:6px;
  width:36px; height:36px;
  border:0; background:transparent; cursor:pointer;
  border-radius:10px;
}
.ebc-cat-toggle svg{width:20px;height:20px; fill:#0f172a; transition:transform .15s ease}
.ebc-depth-1, .ebc-depth-2, .ebc-depth-3{padding-left:14px; display:none}
.ebc-cat-item.is-open > .ebc-depth-1{display:block}
.ebc-cat-item.is-open > .ebc-cat-toggle svg{transform:rotate(90deg)}

/* Page */
.ebc-page{min-height:50vh}
.ebc-content{padding:22px 0}
.ebc-grid{display:grid; grid-template-columns: 1fr 320px; gap:22px}
.ebc-col-side .widget{
  background:#fff;
  border:1px solid var(--ebc-border);
  border-radius:16px;
  padding:14px;
  margin-bottom:14px;
}
.widget-title{margin:0 0 10px; font-size:1.05rem}

/* Blog cards */
.ebc-post-card{
  border:1px solid var(--ebc-border);
  border-radius:16px;
  padding:16px;
  margin-bottom:14px;
  background:#fff;
}
.ebc-post-title{margin:0 0 6px}
.ebc-post-title a{text-decoration:none}
.ebc-post-excerpt{color:#334155}
.ebc-post-meta{color:#64748b; font-size:.9rem}
.ebc-post-content{max-width:70ch}

/* Pagination */
.ebc-pagination .page-numbers{display:inline-block;margin:0 6px;padding:8px 12px;border:1px solid var(--ebc-border);border-radius:12px;text-decoration:none}
.ebc-pagination .current{background:var(--ebc-soft2)}

/* Hero */
.ebc-hero{
  background:linear-gradient(180deg, rgba(16,125,179,.14), rgba(16,125,179,0));
  border-bottom:1px solid var(--ebc-border);
}
.ebc-hero-inner{display:grid; grid-template-columns:1.2fr .8fr; gap:22px; padding:34px 0}
.ebc-hero-copy h1{font-size:2.4rem; margin:0 0 10px}
.ebc-hero-copy p{margin:0 0 16px; color:#334155; font-size:1.05rem}
.ebc-hero-card{
  background:#fff;
  border:1px solid var(--ebc-border);
  border-radius:20px;
  padding:16px;
  box-shadow:0 1px 0 rgba(2,6,23,.03);
}
.ebc-hero-card h3{margin:0 0 10px}

.ebc-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 16px;
  border-radius:999px;
  background:var(--ebc-primary);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  border:1px solid transparent;
}
.ebc-btn:hover{filter:brightness(.98)}
.ebc-btn-ghost{
  background:transparent;
  color:var(--ebc-accent);
  border-color:var(--ebc-border);
}

/* Footer */
.ebc-footer{
  background:#f5f5f5;
  border-top:1px solid var(--ebc-border);
  padding:26px 0;
}
.ebc-footer-cols{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:22px}
.ebc-footer-menu{list-style:none; padding:0; margin:0}
.ebc-footer-menu a{text-decoration:none; display:block; padding:8px 0}
.ebc-footer-bottom{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:18px; margin-top:18px; border-top:1px solid rgba(15,23,42,.08); color:#475569; font-size:.95rem}
.ebc-footer-cats .ebc-cat-list{background:transparent}
.ebc-footer .widget{background:transparent; border:0; padding:0; margin:0}

/* Mobile drawer */
.ebc-mobile-drawer{
  position:fixed;
  inset:0 0 0 auto;
  width:min(420px, 92vw);
  background:#fff;
  border-left:1px solid var(--ebc-border);
  box-shadow:var(--ebc-shadow);
  z-index:100;
  padding:14px;
}
.ebc-mobile-head{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:10px}
.ebc-mobile-menu{list-style:none; padding:0; margin:0}
.ebc-mobile-menu a{text-decoration:none; display:block; padding:12px 10px; border-radius:12px; font-weight:800}
.ebc-mobile-menu a:hover{background:var(--ebc-soft2)}
.ebc-mobile-body{overflow:auto; max-height:calc(100vh - 80px)}
.ebc-mobile-cats{margin-top:18px}
.ebc-mobile-cats h4{margin:0 0 10px}

/* Responsive */
@media (max-width: 980px){
  .ebc-grid{grid-template-columns:1fr}
  .ebc-topbar-inner{flex-direction:column; align-items:flex-start}
  .ebc-nav-desktop{display:none}
  .ebc-mainbar-inner{flex-wrap:wrap}
  .ebc-brand{order:1}
  .ebc-actions{order:2; width:100%; justify-content:space-between}
  .ebc-search-wrap{order:3; width:100%}
  .ebc-search{width:100%}
  .ebc-icon-btn{flex:1; justify-content:center}
  .ebc-ic-label{display:inline}
  .ebc-hero-inner{grid-template-columns:1fr; padding:22px 0}
  .ebc-footer-cols{grid-template-columns:1fr; gap:14px}
}

@media (min-width: 981px){
  .ebc-mobile-drawer{display:none}
}


/* Logo image fallback */
.ebc-logo-img{
  max-height:46px;
  width:auto;
  display:block;
}
.ebc-logo-link, .ebc-footer-logo-link{display:inline-flex; align-items:center}

/* Desktop: hide hamburger (Menu) button – show inline menu instead */
@media (min-width: 981px){
  .ebc-menu-btn{display:none}
}

/* Footer accordion (mobile only) */
.ebc-foot-acc-btn{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  background:transparent;
  border:0;
  font-weight:800;
  font-size:1.05rem;
  cursor:pointer;
}
.ebc-foot-acc-ic{display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px}
.ebc-foot-acc-ic::before{content:"–"; font-weight:900; font-size:1.2rem; line-height:1; color:#0b1220}
.ebc-foot-acc-btn[aria-expanded="false"] .ebc-foot-acc-ic::before{content:"+"}
.ebc-foot-acc-panel{padding:8px 0 12px 0}
.ebc-footer-contact{list-style:none; padding:0; margin:10px 0 0 0; display:grid; gap:8px}
.ebc-footer-contact li{display:flex; gap:10px; align-items:center}
.ebc-footer-contact svg{width:16px; height:16px; fill:#0b1220; opacity:.85}
.ebc-footer-note{margin:12px 0 0 0; color:#475569}
.ebc-footer-links{list-style:none; padding:0; margin:0}
.ebc-footer-links a{text-decoration:none; display:block; padding:8px 0}

@media (max-width: 980px){
  .ebc-foot-acc-btn{border-top:1px solid rgba(15,23,42,.08)}
  .ebc-footer-col:first-child .ebc-foot-acc-btn{border-top:0}
}
@media (min-width: 981px){
  .ebc-foot-acc-btn{cursor:default}
  .ebc-foot-acc-ic{display:none}
  .ebc-foot-acc-panel{display:block !important}
}



/* === Visibility helpers === */
@media (min-width: 981px){
  .ebc-only-mobile{display:none !important}
}
@media (max-width: 980px){
  .ebc-only-mobile{display:inline-flex !important}
}

/* Force desktop to show inline menu and hide any button-style menu */
@media (min-width: 981px){
  .ebc-nav-desktop{display:block !important}
  .ebc-menu-btn{display:none !important}
}


/* Desktop menu underline hover */
.ebc-nav-desktop a{position:relative}
.ebc-nav-desktop a::after{content:''; position:absolute; left:0; right:0; bottom:-6px; height:2px; background:currentColor; opacity:.55; transform:scaleX(0); transform-origin:left; transition:transform .18s ease}
.ebc-nav-desktop a:hover::after,.ebc-nav-desktop .current-menu-item>a::after,.ebc-nav-desktop .current-menu-ancestor>a::after{transform:scaleX(1)}
.ebc-footer-menu a:hover,.ebc-footer-links a:hover{text-decoration:underline}


/* Typography vars from Customizer */
:root{--ebc-ff-body:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--ebc-ff-headings:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--ebc-ff-topbar:inherit;--ebc-ff-header:inherit;--ebc-ff-footer:inherit;--ebc-fs-body:16px;--ebc-fs-topbar:14px;--ebc-fs-header:16px;--ebc-fs-footer:14px;--ebc-fs-single-post:16px;--ebc-fs-single-product:16px;--ebc-h1:40px;--ebc-h2:32px;--ebc-h3:26px;--ebc-h4:22px;--ebc-h5:18px;--ebc-h6:16px}
body{font-family:var(--ebc-ff-body); font-size:var(--ebc-fs-body)}
.ebc-topbar{font-family:var(--ebc-ff-topbar); font-size:var(--ebc-fs-topbar)}
.ebc-header{font-family:var(--ebc-ff-header); font-size:var(--ebc-fs-header)}
.ebc-footer{font-family:var(--ebc-ff-footer); font-size:var(--ebc-fs-footer)}
h1,h2,h3,h4,h5,h6{font-family:var(--ebc-ff-headings)}
h1{font-size:var(--ebc-h1)}
h2{font-size:var(--ebc-h2)}
h3{font-size:var(--ebc-h3)}
h4{font-size:var(--ebc-h4)}
h5{font-size:var(--ebc-h5)}
h6{font-size:var(--ebc-h6)}
.single-post .entry-content{font-size:var(--ebc-fs-single-post)}
.single-product .summary, .single-product .woocommerce-product-details__short-description{font-size:var(--ebc-fs-single-product)}


.ebc-grid--no-sidebar{grid-template-columns:1fr !important}
.ebc-grid--no-sidebar .ebc-col-main{max-width:100%}
