/*
Theme Name: Teia Archive
Theme URI: https://teiaworld.com
Author: Teia
Author URI: https://instagram.com/teiaworld
Description: A gallery-archive style WooCommerce theme for TEIA, built around FIG-numbered product entries, a construction-line layout and the Rio Atlantic Forest color palette. Requires the WooCommerce plugin.
Version: 1.0
Requires PHP: 7.4
Text Domain: teia-archive
*/

:root{
  --teia-mist:#DCE0D6;
  --teia-forest:#141F16;
  --teia-granite:#8A8D87;
  --teia-jacaranda:#4E3A6E;
  --teia-jacaranda-tint:#8A6EB8;
  --teia-bark:#3A3D38;
  --teia-line:#6E716C;
}

*{ box-sizing:border-box; }

body{
  margin:0;
  background:var(--teia-granite);
  color:var(--teia-forest);
  font-family:'Jost', sans-serif;
  font-size:15px;
  line-height:1.6;
}

h1,h2,h3,.serif{
  font-family:'Cormorant Garamond', serif;
  font-weight:500;
  margin:0;
}

a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

.teia-wrap{ max-width:1100px; margin:0 auto; padding:0 40px; }

/* header */
.teia-header{
  display:flex; justify-content:space-between; align-items:center;
  padding:22px 40px; border-bottom:0.5px solid var(--teia-line);
}
.teia-header .teia-logo{ display:flex; align-items:center; gap:10px; }
.teia-header .teia-logo span{ font-size:16px; letter-spacing:3px; }
.teia-nav ul{ list-style:none; display:flex; gap:26px; margin:0; padding:0; }
.teia-nav a{ font-size:11px; letter-spacing:2px; }

/* watermark */
.teia-watermark{
  position:absolute; top:-60px; right:-60px; width:260px; height:280px;
  opacity:0.16; pointer-events:none;
}

/* construction line */
.teia-fig{ position:relative; padding:40px; }
.teia-fig-line{
  position:absolute; left:40px; top:40px; bottom:40px; width:0.5px;
  background:var(--teia-forest);
}
.teia-fig-body{ padding-left:30px; }
.teia-fig-title{ font-size:56px; line-height:0.95; margin:0 0 20px; }
.teia-fig-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:start; }
.teia-fig-image{ background:var(--teia-forest); min-height:260px; position:relative; }
.teia-fig-image svg{ position:absolute; bottom:12px; right:12px; opacity:0.7; }
.teia-fig-spec{ font-size:11px; letter-spacing:2px; margin:0 0 9px; }
.teia-status-made{ color:var(--teia-jacaranda); }
.teia-status-ready{ color:var(--teia-bark); }
.teia-swatch{ width:60px; height:60px; margin-top:12px; }

/* shop / archive listing */
.teia-breadcrumb{ font-size:10px; letter-spacing:1px; color:var(--teia-bark); padding:14px 40px 0; }
.teia-pagination{ text-align:center; padding:30px 40px; font-size:11px; letter-spacing:2px; }
.teia-pagination a{ margin:0 8px; border-bottom:1px solid var(--teia-forest); }

/* product page */
.teia-price{ font-size:24px; margin:0 0 18px; }
.teia-cta-solid, .single_add_to_cart_button{
  display:block; width:100%; background:var(--teia-forest) !important; color:var(--teia-mist) !important;
  text-align:center; padding:14px !important; font-size:12px !important; letter-spacing:2px !important;
  border:none !important; cursor:pointer; margin-bottom:10px; font-family:'Jost',sans-serif !important;
}
.teia-cta-outline{
  display:block; border:0.5px solid var(--teia-forest); text-align:center;
  padding:13px; font-size:12px; letter-spacing:2px;
}
.teia-thumbs{ display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:10px; }
.teia-thumbs img{ height:70px; width:100%; object-fit:cover; }
.teia-also{ padding:26px 40px; border-top:0.5px solid var(--teia-line); }
.teia-also-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.teia-also-grid img{ height:110px; width:100%; object-fit:cover; }

/* footer */
.teia-footer{
  border-top:0.5px solid var(--teia-line); padding:18px 40px;
  display:flex; justify-content:space-between; font-size:10px; letter-spacing:2px; color:var(--teia-bark);
}

/* basic pages */
.teia-page{ background:var(--teia-mist); padding:60px 40px; max-width:760px; margin:0 auto; }
.teia-page h1{ font-size:38px; margin-bottom:20px; }

@media (max-width:680px){
  .teia-fig-grid, .teia-also-grid, .teia-thumbs{ grid-template-columns:1fr; }
  .teia-fig-title{ font-size:38px; }
  .teia-nav ul{ gap:14px; flex-wrap:wrap; }
}