/*
Theme Name: Rośliny Tatrzańskie
Theme URI: https://www.roslinytatrzanskie.pl
Description: Motyw potomny dla sklepu Rośliny Tatrzańskie — zielono-kremowa estetyka inspirowana florą Tatr. Oparty na Storefront + WooCommerce. Po instalacji wymaga aktywnego motywu nadrzędnego "Storefront".
Author: roslinytatrzanskie.pl
Template: storefront
Version: 1.0
Text Domain: rosliny-tatrzanskie
*/

/* ============================================================
   PALETA — estetyka Tatr
   ink #1f2a22 | moss #3a5a40 | moss-deep #2d4632
   sage #849e8a | paper #f6f3ec | mist #fbfaf6 | gold #c08a3e
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Newsreader:ital,wght@0,400;0,500;1,400&display=swap');

:root{
  --rt-ink:#1f2a22; --rt-moss:#3a5a40; --rt-moss-deep:#2d4632;
  --rt-sage:#849e8a; --rt-paper:#f6f3ec; --rt-mist:#fbfaf6;
  --rt-gold:#c08a3e; --rt-line:#d6d0c4;
}

/* ---------- Typografia globalna ---------- */
body,
.site,
button, input, select, textarea,
.woocommerce-page{
  font-family:'Newsreader', Georgia, serif !important;
  color:var(--rt-ink);
  background-color:var(--rt-paper);
  font-size:1.05rem;
  line-height:1.65;
}
h1,h2,h3,h4,h5,h6,
.site-title, .page-title, .entry-title,
.woocommerce-loop-product__title,
.product_title{
  font-family:'Fraunces', Georgia, serif !important;
  color:var(--rt-moss-deep);
  letter-spacing:-.01em;
  font-weight:600;
}

/* ---------- Nagłówek strony / menu ---------- */
.site-header{
  background:linear-gradient(160deg,#2d4632 0%, #3a5a40 55%, #5a7a5f 100%) !important;
  padding-top:1.4em;
  padding-bottom:1.4em;
  border-bottom:3px solid var(--rt-gold);
}
.site-header,
.site-header a,
.site-title a,
.site-branding .site-title a{
  color:var(--rt-mist) !important;
}
.site-title a:hover{ color:#e8c98a !important; }
.site-description{ color:#cfe0d2 !important; font-style:italic; }

/* Menu nawigacji / zakładki */
.main-navigation ul li a,
.storefront-primary-navigation a{
  font-family:'Fraunces', serif !important;
  font-size:.95rem;
  letter-spacing:.02em;
  color:var(--rt-mist) !important;
}
.main-navigation ul.menu > li > a:hover,
.main-navigation ul li.current-menu-item > a{
  color:#e8c98a !important;
}
.main-navigation, .secondary-navigation{ background:transparent !important; }
.storefront-primary-navigation{
  background:linear-gradient(160deg,#2d4632,#3a5a40) !important;
}

/* ---------- Przyciski ---------- */
button, .button, input[type="submit"],
.woocommerce a.button, .woocommerce button.button,
.woocommerce .button.alt, .woocommerce #respond input#submit{
  background-color:var(--rt-moss-deep) !important;
  color:#fff !important;
  font-family:'Fraunces', serif !important;
  letter-spacing:.02em;
  border-radius:4px !important;
  border:none !important;
  transition:transform .15s ease, background-color .2s ease;
}
button:hover, .button:hover, input[type="submit"]:hover,
.woocommerce a.button:hover, .woocommerce button.button:hover,
.woocommerce .button.alt:hover{
  background-color:var(--rt-moss) !important;
  transform:translateY(-2px);
}

/* "Dodaj do koszyka" akcent złoty na hover */
.woocommerce .products .button.add_to_cart_button:hover{
  background-color:var(--rt-gold) !important;
}

/* ---------- Karty produktów ---------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:var(--rt-mist);
  border:1px solid var(--rt-line);
  border-radius:6px;
  padding:1rem 1rem 1.4rem !important;
  transition:transform .25s ease, box-shadow .25s ease;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 40px -22px rgba(45,70,50,.55);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-size:1.25rem;
  padding-top:.6rem;
}
.woocommerce ul.products li.product .price{
  color:var(--rt-ink) !important;
  font-family:'Fraunces', serif;
  font-weight:600;
}
.woocommerce .star-rating span{ color:var(--rt-gold); }

/* Plakietka promocji / wyróżnienia */
.woocommerce span.onsale{
  background:var(--rt-gold) !important;
  color:#fff !important;
  font-family:'Fraunces', serif;
  border-radius:100px;
}

/* ---------- Strona pojedynczego produktu ---------- */
.single-product .product .price{
  color:var(--rt-moss-deep) !important;
  font-family:'Fraunces', serif;
}
.woocommerce-tabs ul.tabs li.active{
  background:var(--rt-mist) !important;
  border-bottom-color:var(--rt-mist) !important;
}
.woocommerce-tabs ul.tabs li a{ color:var(--rt-moss) !important; }

/* ---------- Stopka ---------- */
.site-footer{
  background:var(--rt-moss-deep) !important;
  color:#cdd8cf !important;
}
.site-footer a{ color:#e8c98a !important; }
.site-footer h1,.site-footer h2,.site-footer h3{ color:#fff !important; }

/* ---------- Sekcja hero na stronie głównej (blok własny) ---------- */
.rt-hero{
  position:relative;
  padding:5rem 8vw;
  background:radial-gradient(120% 80% at 80% 0%, rgba(58,90,64,.18), transparent 60%),
    linear-gradient(160deg,#2d4632 0%, #3a5a40 45%, #5a7a5f 100%);
  color:var(--rt-mist);
  border-radius:8px;
  overflow:hidden;
  margin-bottom:3rem;
}
.rt-hero::after{
  content:"";position:absolute;inset:0;opacity:.10;
  background-image:repeating-linear-gradient(115deg,#fff 0 1px,transparent 1px 7px);
  pointer-events:none;
}
.rt-hero .rt-kicker{
  font-family:'Fraunces';letter-spacing:.3em;text-transform:uppercase;
  font-size:.78rem;opacity:.85;margin-bottom:1.2rem;
}
.rt-hero h1{ color:#fff !important; font-size:clamp(2.2rem,5vw,4rem); line-height:1.05; max-width:16ch; }
.rt-hero h1 em{ font-style:italic; color:#e8c98a; }
.rt-hero p{ max-width:46ch; margin-top:1.4rem; font-size:1.15rem; opacity:.93; }
.rt-hero .rt-btn{
  display:inline-block;margin-top:1.8rem;padding:.9rem 1.8rem;
  background:var(--rt-gold);color:#fff;border-radius:4px;
  font-family:'Fraunces';letter-spacing:.02em;text-decoration:none;transition:.2s;
}
.rt-hero .rt-btn:hover{ background:#d49a4e;transform:translateY(-2px); }

/* Kafelki kategorii na stronie głównej */
.rt-tiles{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.5rem; margin:2rem 0 3rem; }
.rt-tile{
  background:var(--rt-mist);border:1px solid var(--rt-line);border-radius:6px;
  padding:1.8rem;text-decoration:none;color:var(--rt-ink);transition:.25s;
}
.rt-tile:hover{ transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(45,70,50,.5); }
.rt-tile h3{ margin:0 0 .5rem; font-size:1.3rem; }
.rt-tile p{ margin:0; color:#3a4239; font-size:.98rem; }
.rt-tile .rt-tag{
  display:inline-block;margin-top:.8rem;font-family:'Fraunces';font-size:.8rem;
  color:var(--rt-gold);letter-spacing:.03em;
}

/* Informacja o sezonie wysyłki — baner */
.rt-notice{
  background:#f3ecd8;border-left:3px solid var(--rt-gold);
  border-radius:4px;padding:1rem 1.4rem;margin:2rem 0;font-style:italic;color:#6a5320;
}

/* ---------- Drobne poprawki czytelności ---------- */
a{ color:var(--rt-moss); }
a:hover{ color:var(--rt-gold); }
.widget-area .widget{ background:var(--rt-mist); border-radius:6px; padding:1.2rem; }

@media(max-width:640px){
  .rt-hero{ padding:3.5rem 7vw; }
}