/* ========================================================
   PSZCZELARSTWO.ORG — Child Theme CSS
   Wzorowany na miesiecznik-pszczelarstwo.pl
   Czcionka: Barlow Semi Condensed
   Kolor glowny: #ffc800 / #F9D100
   ======================================================== */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400;1,600&display=swap');

:root {
  --yellow:      #ffc800;
  --yellow-dark: #e0a800;
  --yellow-light:#fff8dc;
  --olive-footer:#394823;
  --olive-sub:   #70865e;
  --text-dark:   #1a1a1a;
  --text-body:   #585858;
  --text-muted:  #6c757d;
  --white:       #ffffff;
  --bg-light:    #f7f7f7;
  --border:      #eae7e7;
  --font-body:   'Barlow Semi Condensed', 'Barlow', sans-serif;
  --font-serif:  'Playfair Display', Georgia, serif;
}

/* --- Reset & Body --- */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--font-body) !important;
  font-size: 1.1rem;
  color: var(--text-body);
  background: #fff;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-body) !important;
  font-weight: 700;
  color: var(--text-dark);
  letter-spacing: -0.5px;
}

a { color: var(--yellow-dark); text-decoration: none; }
a:hover { color: var(--yellow); }

/* --- HEADER --- */
.site-header,
header.site-header,
#masthead {
  background: #fff !important;
  border-bottom: none !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.08) !important;
  padding: 0 !important;
}

/* Logo */
.site-logo img,
.site-branding img,
.custom-logo,
img.custom-logo {
  height: 60px !important;
  width: auto !important;
  max-height: 60px !important;
}

/* --- NAWIGACJA --- */
.main-navigation a,
.main-navigation ul li a {
  font-family: var(--font-body) !important;
  font-size: 1.0rem !important;
  font-weight: 600 !important;
  color: #000 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 6px 10px !important;
  border-radius: 0 !important;
  transition: background .15s, color .15s;
}

.main-navigation a:hover,
.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
  background: var(--yellow) !important;
  color: #fff !important;
}

.main-navigation ul ul {
  background: #fff;
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  border-top: 3px solid var(--yellow);
  border-radius: 0;
}

.main-navigation ul ul a {
  font-size: .9rem !important;
  border-bottom: 1px solid var(--border);
}

/* --- KADENCE HEADER OVERRIDES --- */
.header-navigation .nav-menu > li > a,
.kadence-navigation .menu-item > a {
  font-family: var(--font-body) !important;
  font-size: 1.0rem !important;
  font-weight: 600 !important;
  color: #000 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.header-navigation .nav-menu > li:hover > a,
.header-navigation .nav-menu > li.current-menu-item > a {
  background: var(--yellow) !important;
  color: #fff !important;
}

/* --- KARTY (Kadence / WooCommerce) --- */
.card,
.wc-block-grid__product,
.woocommerce ul.products li.product,
.post-card,
article.post,
.entry {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.12) !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.woocommerce ul.products li.product:hover {
  box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.18) !important;
  transform: translateY(-2px);
  transition: all .2s;
}

/* --- PRZYCISKI --- */
.wp-block-button__link,
button[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .button.alt,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout #payment #place_order {
  background: var(--yellow) !important;
  background-color: var(--yellow) !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: .5px;
  font-size: .9rem !important;
  padding: 10px 24px !important;
  transition: background .15s;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
  background: var(--yellow-dark) !important;
  background-color: var(--yellow-dark) !important;
  color: #000 !important;
}

/* --- WOOCOMMERCE CENY --- */
.woocommerce ul.products li.product .price,
.woocommerce div.product .price,
.woocommerce .woocommerce-Price-amount {
  color: var(--text-dark) !important;
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  font-family: var(--font-body) !important;
}

/* --- BREADCRUMB --- */
.woocommerce-breadcrumb,
.breadcrumbs {
  background: #f3f3f3;
  padding: 10px 15px;
  border-radius: 0;
  font-size: .9rem;
  margin-bottom: 20px;
}

/* --- ZAKŁADKI PRODUKTU --- */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
  border-top: 3px solid var(--yellow);
}

/* --- SIATKA OKŁADEK --- */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: 1.5rem !important;
}

.woocommerce ul.products li.product {
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}

.woocommerce ul.products li.product img {
  border-radius: 0 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.2) !important;
  transition: box-shadow .2s;
}

.woocommerce ul.products li.product:hover img {
  box-shadow: 0 8px 24px rgba(0,0,0,.28) !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: var(--font-body) !important;
  font-size: .95rem !important;
  font-weight: 600 !important;
  padding: .5rem 0 .25rem !important;
}

/* --- NOTICES --- */
.woocommerce-message { border-top-color: var(--yellow) !important; }
.woocommerce-info    { border-top-color: var(--olive-sub) !important; }

/* --- STOPKA --- */
.site-footer,
footer.site-footer,
#colophon {
  background: var(--olive-footer) !important;
  color: #fff !important;
  padding: 60px 0 0 !important;
  margin-top: 50px !important;
}

.site-footer *,
footer.site-footer * {
  color: #d4d4c0;
}

.site-footer h4,
.site-footer .widget-title,
.site-footer .wp-block-heading,
footer .widget-title {
  color: #fff !important;
  font-size: .9rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em;
  margin-bottom: .5rem;
}

/* zlota linia pod naglowkami stopki */
.site-footer h4::after,
footer .widget-title::after {
  content: '';
  display: block;
  width: 27px;
  height: 2px;
  background: var(--yellow);
  margin-top: 10px;
  margin-bottom: 18px;
}

.site-footer a,
footer a { color: #fff !important; }
.site-footer a:hover,
footer a:hover { color: var(--yellow) !important; }

.site-footer i,
footer i { color: var(--yellow) !important; }

/* Copyright bar */
.footer-bottom,
.site-info,
.copyright-bar {
  background: #eceff1 !important;
  color: #555 !important;
  padding: 12px 0 !important;
  font-size: .8rem !important;
  margin-top: 40px;
}

.footer-bottom a,
.site-info a,
.copyright-bar a { color: #333 !important; }

/* --- BLOG POSTY --- */
.entry-title a { color: var(--text-dark) !important; }
.entry-title a:hover { color: var(--yellow-dark) !important; }
.entry-meta { font-size: .85rem; color: var(--text-muted); }

.cat-links a,
.entry-footer .cat-links a {
  background: var(--yellow);
  color: #000 !important;
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: .15rem .5rem;
  border-radius: 0;
}

/* --- FORMULARZ KONTAKTOWY --- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
  font-family: var(--font-body) !important;
  font-size: 1rem !important;
  padding: 8px 12px !important;
  width: 100%;
}

.wpcf7 input[type="submit"] {
  background: var(--yellow) !important;
  color: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  padding: 10px 28px !important;
  cursor: pointer;
}

.wpcf7 input[type="submit"]:hover {
  background: var(--yellow-dark) !important;
}

/* --- RESPONSYWNOSC --- */
@media (max-width: 1024px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 768px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  body { font-size: 1rem; }
  .site-footer, footer.site-footer, #colophon {
    padding: 40px 0 0 !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: .75rem !important;
  }
}