:root{
  color-scheme: light;
}

*{box-sizing:border-box}
html{font-size:var(--egld-font-size,16px)}
body{
  margin:0;
  font-family:var(--egld-font-body, system-ui);
  background:var(--egld-bg,#fff);
  color:var(--egld-text,#111);
  line-height:1.6;
}

a{color:var(--egld-link,#0b57d0); text-decoration: none;}
a:hover{text-decoration: underline;}

.container{
  width: min(100% - 2rem, var(--egld-container,1140px));
  margin-inline:auto;
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}
.skip-link{
  position:absolute; left:-999px; top:auto;
}
.skip-link:focus{
  left:1rem; top:1rem;
  background:#fff; padding:.5rem .75rem;
  border:1px solid #ddd; border-radius:8px;
  z-index:9999;
}

.site-header{
  border-bottom:1px solid rgba(0,0,0,.08);
  background:var(--egld-bg,#fff);
}
.site-header.is-sticky{
  position:sticky; top:0; z-index:20;
}
.site-header__inner{
  display:flex; gap:1rem;
  align-items:center; justify-content:space-between;
  padding:.75rem 0;
}

.site-branding .site-title{
  font-family:var(--egld-font-heading, system-ui);
  font-weight:800;
  font-size:1.1rem;
}
.site-tagline{margin:.2rem 0 0; font-size:.9rem; opacity:.8}

.primary-nav ul{
  list-style:none; padding:0; margin:0;
  display:flex; gap:.9rem; flex-wrap:wrap;
}
.primary-nav a{padding:.4rem .2rem; display:inline-block}

.header-actions{
  display:flex; gap:.75rem; align-items:center;
}
.header-search input[type="search"]{
  max-width: 12rem;
  padding:.45rem .55rem;
  border:1px solid rgba(0,0,0,.15);
  border-radius:10px;
}

.nav-toggle{
  display:none;
  border:1px solid rgba(0,0,0,.15);
  background:transparent;
  border-radius:10px;
  padding:.45rem .6rem;
}

.egld-btn{
  display:inline-block;
  padding:.6rem .9rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.15);
  background:transparent;
  text-decoration:none;
  font-weight:600;
}
.egld-btn--primary{
  background:var(--egld-primary,#0b57d0);
  border-color:var(--egld-primary,#0b57d0);
  color:#fff;
}
.egld-btn--primary:hover{opacity:.92; text-decoration:none;}

.site-main{padding:2rem 0;}
.layout{
  display:grid;
  grid-template-columns: 1fr;
  gap:1.25rem;
}
.content-area{min-width:0;}

.sidebar .widget{
  border:1px solid rgba(0,0,0,.08);
  border-radius: var(--egld-radius,12px);
  padding: .9rem;
  margin-bottom: 1rem;
}

.widget-title{
  margin:.1rem 0 .6rem;
  font-family:var(--egld-font-heading, system-ui);
  font-size:1rem;
}

.post-card, .post, .page{
  /* border:1px solid rgba(0,0,0,.08);
  border-radius: var(--egld-radius,12px);
  padding:1rem;
  background:#fff; */
}

.post-title, .archive-title{
  font-family:var(--egld-font-heading, system-ui);
  line-height:1.25;
  margin:.2rem 0 .75rem;
}

.post-meta{opacity:.8; font-size:.92rem}
.post-content :where(h2,h3){
  font-family:var(--egld-font-heading, system-ui);
  line-height:1.3;
}

.content-widgets{margin:1rem 0;}
.content-widgets .widget{
  border:1px dashed rgba(0,0,0,.2);
  border-radius: var(--egld-radius,12px);
  padding: .9rem;
}

.pagination{margin-top:1rem}

.site-footer{
  border-top:1px solid rgba(0,0,0,.08);
  padding:2rem 0;
}
.footer-widgets{
  display:grid;
  gap:1rem;
  margin-bottom:1.25rem;
}
.footer-cols-2{grid-template-columns: repeat(2, minmax(0,1fr));}
.footer-cols-3{grid-template-columns: repeat(3, minmax(0,1fr));}
.footer-cols-4{grid-template-columns: repeat(4, minmax(0,1fr));}

.footer-col .widget{
  border:1px solid rgba(0,0,0,.08);
  border-radius: var(--egld-radius,12px);
  padding:.9rem;
}

.footer-nav ul{
  list-style:none; padding:0; margin:0 0 1rem;
  display:flex; gap:.9rem; flex-wrap:wrap;
}

.egld-product-box{
  border:1px solid rgba(0,0,0,.12);
  border-radius: var(--egld-radius,12px);
  padding: 1rem;
  margin: 1rem 0;
}
.egld-product-box__inner{
  display:flex; flex-wrap:wrap;
  gap:1rem; align-items:center; justify-content:space-between;
}
.egld-product-box__title{font-size:1.05rem}
.egld-product-box__note{margin:.4rem 0 0; opacity:.85; font-size:.92rem}

/* Mobile nav behavior */
@media (max-width: 860px){
  .nav-toggle{display:inline-block}
  .primary-nav{display:none}
  .primary-nav.is-open{display:block}
  .primary-nav ul{flex-direction:column; gap:.35rem}
  .header-actions .header-search{display:none}
}

/* Desktop layout with sidebar */
@media (min-width: 980px){
  .layout{
    grid-template-columns: 1fr 320px;
    align-items:start;
  }
}