/*
 Theme Name:   lasco.horeca
 Theme URI:    https://lascoukraine.com
 Description: Child theme for GeneratePress (fully custom UI layer)
 Author:       Lasco
 Template:     generatepress
 Version:      1.0.0
*/

/* ==========================
   Design Tokens
   ========================== */

:root{
  --color-white:#fff;
  --color-text:#111;
  --color-border:rgba(0,0,0,.10);
  --color-background:rgba(0,0,0,.03);
  --color-primary:#8b6b4d; /* тимчасово */

  --spacing-xs:6px;
  --spacing-sm:10px;
  --spacing-md:16px;
  --spacing-lg:24px;
  --spacing-xl:32px;

  --radius-md:10px;
  --radius-full:999px;

  --transition-fast:150ms ease;
  --transition-base:250ms ease;

  --shadow-sm:0 2px 10px rgba(0,0,0,.06);

  --z-sticky:1000;
}

/* ==========================
   Global base
   ========================== */

html, body{
  color:var(--color-text);
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  height:auto;
  display:block;
}

/* Контейнер як у макеті */
.lasco-container{
  width:min(1200px, calc(100% - 48px));
  margin-inline:auto;
}

/*футер до низу*/
#page{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Найстабільніший контейнер контенту в GeneratePress */
#primary{
  flex: 1 0 auto;
}

/* Фолбек, якщо #primary з якихось причин не відрендерився */
#content{
  flex: 1 0 auto;
}

.site-footer{
  margin-top: auto;
}
/* Brand logotype (shared) */
.brand-logotype{
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1;
  color: var(--color-text);
}
body.home .page-header,
body.home .sidebar .widget,
body.home .site-main > *{
  margin-bottom: 5px !important;
}

/* ==========================
   GeneratePress: Front Page layout
   ========================== */
/* GP: прибрати margin:20px з #primary на головній */
body.home.separate-containers #primary.site-main{
  margin: 0 !important;
}
.lasco-checkout-layout{
  display: grid;
  grid-template-columns: 1.45fr 0.85fr;
  gap: 28px;
  align-items: start;
}

.lasco-checkout-right{
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,.08);
  padding: 18px 18px;
}

.lasco-checkout-summary-title{
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 980px){
  .lasco-checkout-layout{ grid-template-columns: 1fr; }
}
/* =========================================================
   Footer — mobile refined width
   ========================================================= */

@media (max-width: 768px){

  .site-footer{
    padding: 34px 0 26px;
    background: #fff;
  }

  .site-footer .lasco-container{
    width: 100%;
    max-width: 342px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .footer-top,
  .footer-main,
  .footer-grid,
  .footer-inner{
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-col{
    width: 100%;
  }

  .footer-brand,
  .footer-brand-title,
  .brand-logotype{
    text-align: left;
  }

  .footer-brand-title,
  .brand-logotype{
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: .16em;
    margin-bottom: 10px;
  }

  .footer-text{
    max-width: 260px;
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    color: rgba(17,17,17,.68);
  }

  .footer-title{
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
  }

  .footer-menu,
  .footer-service,
  .footer-links{
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .footer-menu li,
  .footer-service li,
  .footer-links li{
    margin: 0;
    padding: 0;
  }

  .footer-menu a,
  .footer-service a,
  .footer-links a,
  .site-footer a{
    font-size: 12px;
    line-height: 1.45;
    text-decoration: none;
  }

  .footer-bottom,
  .footer-legal{
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid rgba(17,17,17,.08);
    text-align: left;
  }

  .footer-legal a,
  .footer-copy,
  .footer-copyright{
    font-size: 11px;
    line-height: 1.5;
    color: rgba(17,17,17,.62);
  }
}

@media (max-width: 380px){

  .site-footer .lasco-container{
    max-width: 320px;
  }
}