/*
Theme Name: Lakes & Tiers Gallery
Theme URI: https://lakesandtiersgallery.com/
Description: Storefront child theme for Lakes & Tiers Gallery. Finger Lakes regional palette with a Saatchi-like artwork layout. Maple City rust and orange are reserved for the Maple City Gallery sub-brand.
Author: Lakes & Tiers Gallery
Template: storefront
Version: 1.4.1
*/

:root{
  --lake-deep:#102832;
  --lake:#1a4a5c;
  --water:#2a6a7c;
  --vine:#3f5a3c;
  --earth:#6b5344;
  --sand:#e8dcc8;
  --autumn:#8a3a22;
  --gold:#c9a24a;
  --gold-badge:#f2c14e;
  --paper:#f6f1ea;
  --ink:#1c1a17;
  --brick:#7a2e1f;
  --maple:#a0461a;
  --on-dark:#f6f1ea;
  --c:var(--lake);
}

body,
.site{
  background-color:var(--paper);
  color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* Subtle water, hills and vines — texture only, never a watermark logo */
body.ltg-has-texture{
  background-image:url("texture.svg");
  background-repeat:repeat;
  background-size:240px 160px;
  background-attachment:scroll;
}

.ltg-sales-soon, .ltg-waitlist{
  background:var(--paper, #f6f1ea);
  border:1px solid var(--sand, #e8dcc8);
  padding:1rem 1.2rem;
  margin:1.2rem 0;
}
.ltg-sales-soon p, .ltg-waitlist p{margin:.4rem 0}
.ltg-waitlist-ok{color:var(--vine,#3f5a3c);font-weight:600}
.ltg-waitlist-err{color:var(--autumn,#8a3a22);font-weight:600}
.ltg-waitlist-form input[type=email]{width:min(22rem,100%);padding:.4rem .5rem}
.ltg-mcg-intro{margin:0 0 1rem}
.ltg-empty-note{margin:0 0 1.5rem}
.ltg-catalog-mode .site-header-cart, .ltg-catalog-mode .storefront-header-cart{display:none}


.site-header,
.storefront-primary-navigation,
.main-navigation,
.storefront-breadcrumb{
  background-color:var(--lake-deep);
}

.storefront-breadcrumb{color:var(--sand)}
.storefront-breadcrumb a{color:var(--sand)}

.site-header a,
.main-navigation a,
.site-header .site-title a,
.site-branding h1 a,
.site-branding .site-title a{
  color:var(--on-dark);
}

.site-header .custom-logo-link img,
.ltg-logo{height:48px;width:auto;vertical-align:middle;margin-right:.4rem}

.site-footer{
  background-color:var(--lake-deep);
  color:#d7ddd8;
}
.site-footer a{color:#fff}
.ltg-footer-nav{margin:0 0 1rem}
.ltg-footer-nav .ltg-footer-menu{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.35rem 1.25rem;
}
.ltg-footer-nav .ltg-footer-menu li{margin:0}

.button,
button.button,
input[type=submit],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt{
  background-color:var(--lake);
  border-color:var(--lake);
  color:#fff;
}

h1,h2,h3{color:var(--lake-deep);letter-spacing:.01em}
.woocommerce-Products-item a h2,
ul.products li.product .woocommerce-loop-product__title{font-weight:600}

/* Large, clean artwork pages */
.single-product div.product .woocommerce-product-gallery{margin-bottom:1.5rem}
.single-product div.product .woocommerce-product-gallery img{
  width:100%;
  height:auto;
  background:#fff;
  border:1px solid var(--sand);
}

.ltg-artwork-details{
  margin:1.25rem 0;
  padding:1rem 1.1rem;
  background:#fff;
  border-left:4px solid var(--gold);
  border-radius:2px;
}
.ltg-artwork-details dt{font-weight:700;color:var(--lake);float:left;clear:left;width:8rem}
.ltg-artwork-details dd{margin:0 0 .4rem 8.2rem}

.ltg-trust{
  display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.4rem;
}
.ltg-badge{
  display:inline-block;
  background:var(--gold-badge);
  color:var(--ink);
  border-radius:4px;
  padding:.15rem .5rem;
  font-size:.8em;
  font-weight:700;
}
.ltg-badge.mcg{background:var(--brick);color:#fff}
.ltg-badge.pickup{background:var(--vine);color:#fff}
.ltg-badge.winery{background:var(--earth);color:#fff}
.ltg-badge.placeholder{background:var(--gold-badge);color:var(--ink)}

.ltg-meet{
  background:#fff;
  border-top:1px solid var(--sand);
  margin:2rem 0;
  padding:1.5rem 1.2rem;
}
.ltg-meet h2{margin-top:0}
.ltg-kicker{
  text-transform:uppercase;
  letter-spacing:.15em;
  font-weight:700;
  font-size:.8rem;
  color:#6b6a67;
  margin:0 0 .4rem;
}
.ltg-draft{font-size:.9em;color:#555}
.ltg-place-link{color:var(--lake)}

.ltg-discovery{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem;
  margin:1.2rem 0 2rem;
}
.ltg-discovery a{
  display:block;
  background:#fff;
  border:1px solid var(--sand);
  border-radius:6px;
  padding:0 0 .85rem;
  text-decoration:none;
  color:var(--ink);
  overflow:hidden;
}
.ltg-discovery a:hover{border-color:var(--lake)}
.ltg-discovery h3{
  margin:.7rem .5rem 0;
  color:var(--lake);
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:1.05rem;
}
@media(max-width:700px){
  .ltg-discovery{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
}

.ltg-mcg-panel{
  border-left:5px solid var(--brick);
  background:#fff;
  padding:1.2rem 1.2rem 1rem;
  margin:1.5rem 0;
}
.ltg-mcg-panel h2,.ltg-mcg-panel h3{color:var(--maple)}
.ltg-mcg-panel picture,
.ltg-mcg-panel img{
  width:100%;
  height:auto;
  display:block;
  border-radius:6px;
  margin:.85rem 0 1rem;
}
.ltg-band > a.ltg-lake-card{display:block;margin:0 0 1.5rem}
.ltg-band > a.ltg-lake-card picture,
.ltg-band > a.ltg-lake-card img{
  height:auto;
  aspect-ratio:3/1;
  object-fit:cover;
  object-position:center 42%;
}

.ltg-sellpoint{
  background:var(--lake-deep);
  color:var(--paper);
  padding:1.4rem 1.2rem;
  margin:1.5rem 0;
  border-radius:6px;
}
.ltg-sellpoint a{color:var(--gold-badge)}

@media(max-width:600px){
  .ltg-artwork-details dt,.ltg-artwork-details dd{float:none;width:auto;margin:0 0 .3rem}
}


.ltg-hero{
  position:relative;
  min-height:68vh;
  display:flex;
  align-items:flex-end;
  color:#f6f1ea;
  overflow:hidden;
  background:#102832;
}
.ltg-hero-video,
.ltg-hero picture,
.ltg-hero img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ltg-hero-video,
.ltg-hero picture,
.ltg-hero img{z-index:0}
.ltg-hero-scrim{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(to top,rgba(16,40,50,.78) 0%,rgba(16,40,50,.25) 55%,rgba(16,40,50,.2) 100%);
}
.ltg-hero-inner{
  position:relative;z-index:2;
  max-width:1000px;margin:0 auto;padding:3.5rem 1.2rem 2.6rem;
}
.ltg-hero-inner h1{color:#f6f1ea;font-size:2.4rem;margin:0 0 .6rem}
.ltg-hero-inner p{max-width:38rem}
.ltg-hero .button{margin:.3rem .4rem .3rem 0}

.ltg-band{max-width:1000px;margin:0 auto;padding:2rem 1.2rem}
.ltg-figure{margin:0}
.ltg-figure picture, .ltg-figure img{width:100%;height:auto;display:block;border-radius:6px}
.ltg-lake-card picture, .ltg-lake-card img{
  width:100%;height:140px;object-fit:cover;border-radius:6px 6px 0 0;display:block;
}
.ltg-lake-card{
  background:#fff;border:1px solid var(--sand);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink);
}
.ltg-lake-card h3{margin:.6rem 1rem 1rem;color:var(--lake)}

/* Launch (Nov 12, 2026): header CTA + mobile fixes */
.main-navigation ul.menu > li.ltg-cta-join > a,
.main-navigation ul.nav-menu > li.ltg-cta-join > a {
  background: #c9a24a; color: #102832 !important; border-radius: 4px;
  padding: .45em .9em; margin: .35em 0 .35em .5em; font-weight: 700; display: inline-block; line-height: 1.4;
}
.main-navigation ul.menu > li.ltg-cta-join > a:hover { background: #f2c14e; }
.ltg-header-cta { display: none; }
@media (max-width: 767px) {
  .ltg-header-cta { display: inline-block; float: right; margin: .6em 0; background: #c9a24a; color: #102832 !important;
    padding: .4em .8em; border-radius: 4px; font-weight: 700; text-decoration: none; font-size: .9rem; }
  .ltg-hero h1 { font-size: 1.8rem; }
  .ltg-hero .button { display: block; width: 100%; margin: 0 0 .5em; text-align: center; }
  img, video, picture { max-width: 100%; height: auto; }
  .wcfm-content, #wcfm-main-contentainer { overflow-x: auto; }
}
.ltg-place-filter ul ul { margin-left: 1em; }
.ltg-place-filter li { list-style: none; }
.ltg-place-filter .count, .ltg-place-filter li { font-size: .92em; }