/*
Theme Name: Ciężka Orka
Description: Sklep Wędkarski Ciężka Orka
Version: 1.0.0
Author: Krzysiek
Author URI:
Theme URI:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/* ============================================================
   CIĘŻKA ORKA — DESIGN SYSTEM
   Fonts + tokens + helper classes used by Divi 5 modules.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --color-deep-black:#111111;
  --color-off-white:#F5F3EE;
  --color-steel-gray:#4B4F54;
  --color-copper-gold:#B88A44;
  --color-copper-gold-hover:#A17A3B;
  --color-deep-water:#1F4A5C;
  --color-border:#E4E1D9;
  --color-border-dark:#2A2A2A;
  --color-text-muted:#4B4F54;
  --color-success:#3F6B3F;
  --color-error:#B23A2E;
  --cat-zanety:#D4AD17;
  --cat-method:#2E8B88;
  --cat-pellet:#D97706;
  --cat-gliny:#6B4A2E;
  --cat-ziemie:#444444;
  --shadow-sm:0 2px 6px rgba(17,17,17,.08);
  --shadow-md:0 6px 16px rgba(17,17,17,.10);
  --shadow-lg:0 14px 32px rgba(17,17,17,.14);
  --shadow-gold:0 4px 14px rgba(184,138,68,.35);
  --font-display:'Bebas Neue',sans-serif;
  --font-body:'Inter',sans-serif;
}

/* ---- Base ---- */
body{ font-family:var(--font-body); color:var(--color-deep-black); background:var(--color-off-white); }
h1,h2,h3,h4,h5,h6,.orka-display{ font-family:var(--font-display); letter-spacing:.5px; }
a{ transition:color 200ms ease; }

.orka-display h1,.orka-display h2,.orka-display h3,.orka-display h4,
h1.orka-display,h2.orka-display,h3.orka-display{ font-family:var(--font-display)!important; letter-spacing:.5px; }

.orka-kicker,.orka-kicker p{
  font-family:var(--font-body)!important; font-size:12px!important; font-weight:700!important;
  letter-spacing:1.5px!important; text-transform:uppercase!important; color:var(--color-copper-gold)!important;
  margin:0 0 6px!important;
}

/* ---- Buttons ---- */
.orka-btn.et_pb_button,.orka-btn.et_pb_button:hover{
  font-family:var(--font-body)!important; font-weight:700!important; font-size:14px!important;
  letter-spacing:.6px!important; text-transform:uppercase!important; border-radius:4px!important;
  padding:15px 32px!important; line-height:1!important; transition:all 250ms ease!important;
}
.orka-btn-primary.et_pb_button{ background:var(--color-copper-gold)!important; color:#111!important; border:none!important; }
.orka-btn-primary.et_pb_button:hover{ background:var(--color-copper-gold-hover)!important; color:#111!important; box-shadow:var(--shadow-gold)!important; }
.orka-btn-ghost.et_pb_button{ background:transparent!important; color:#fff!important; border:1.5px solid #fff!important; }
.orka-btn-ghost.et_pb_button:hover{ background:#fff!important; color:#111!important; }
.orka-btn-dark.et_pb_button{ background:transparent!important; color:var(--color-deep-black)!important; border:1.5px solid var(--color-deep-black)!important; }
.orka-btn-dark.et_pb_button:hover{ background:var(--color-deep-black)!important; color:#fff!important; }
.et_pb_button:after,.et_pb_button:hover:after{ display:none!important; }

/* ---- Logo ---- */
.orka-logo{ display:flex; align-items:center; gap:10px; }
.orka-logo .mark{ width:38px; height:38px; flex:0 0 auto; }
.orka-logo .wm{ font-family:var(--font-display); font-size:30px; line-height:.8; letter-spacing:1px; color:var(--color-off-white); }
.orka-logo .wm small{ display:block; font-family:var(--font-body); font-size:8px; letter-spacing:2px; color:var(--color-copper-gold); font-weight:600; margin-top:3px; }

/* ---- Category tiles ---- */
.orka-cat-tile{ position:relative; overflow:hidden; border-radius:8px; box-shadow:var(--shadow-sm); transition:box-shadow 250ms ease; min-height:180px; }
.orka-cat-tile:hover{ box-shadow:var(--shadow-md); }
.orka-cat-tile .et_pb_module_header,.orka-cat-tile h2,.orka-cat-tile h3{ font-family:var(--font-display)!important; color:#fff!important; }

/* ---- Badges ---- */
.orka-badge{ display:inline-block; font-family:var(--font-body); font-weight:700; font-size:10px; letter-spacing:.6px; text-transform:uppercase; border-radius:4px; padding:4px 9px; }
.orka-badge-bestseller{ background:var(--color-copper-gold); color:#111; }
.orka-badge-new{ background:var(--color-deep-water); color:#fff; }
.orka-badge-promo{ background:var(--color-error); color:#fff; }

/* ---- Feature cards ---- */
.orka-feature.et_pb_blurb{ background:#fff; border:1px solid var(--color-border); border-radius:8px; padding:28px!important; height:100%; }
.orka-feature .et_pb_main_blurb_image{ margin-bottom:14px; }
.orka-feature .et_pb_blurb_content .et_pb_module_header{ font-family:var(--font-display)!important; font-size:24px!important; }

/* ---- Review cards ---- */
.orka-review.et_pb_testimonial{ background:#fff!important; border:1px solid var(--color-border); border-radius:8px; padding:24px!important; box-shadow:none; }
.orka-review .et_pb_testimonial_description p{ font-size:15px; line-height:1.6; }

/* ---- Sections ---- */
.orka-section{ padding-top:72px!important; padding-bottom:72px!important; }
.orka-section-tight{ padding-top:48px!important; padding-bottom:48px!important; }
.orka-dark{ background:var(--color-deep-black)!important; }
.orka-dark h1,.orka-dark h2,.orka-dark h3,.orka-dark p,.orka-dark li{ color:var(--color-off-white)!important; }

/* ============================================================
   HEADER
   ============================================================ */
.orka-announce{ background:var(--color-deep-black); color:var(--color-off-white); font-size:12px; letter-spacing:.3px; }
.orka-announce .et_pb_text_inner{ display:flex; gap:22px; flex-wrap:wrap; align-items:center; }
.orka-announce b, .orka-announce strong{ color:#fff; font-weight:600; }
.orka-header-row{ background:var(--color-deep-black); }
.orka-search input.et_pb_s{ height:50px!important; border-radius:4px 0 0 4px!important; border:none!important; background:#1c1c1c!important; color:#fff!important; font-size:15px!important; padding:0 18px!important; }
.orka-search .et_pb_searchsubmit{ background:var(--color-copper-gold)!important; border:none!important; border-radius:0 4px 4px 0!important; }
.orka-nav .et_pb_menu__menu nav > ul > li > a{ color:var(--color-deep-black)!important; font-family:var(--font-body)!important; font-weight:600!important; font-size:13px!important; letter-spacing:.3px!important; text-transform:uppercase!important; }
.orka-nav .et_pb_menu__menu nav > ul > li > a:hover{ color:var(--color-copper-gold)!important; }
.orka-nav{ background:var(--color-off-white); border-bottom:1px solid var(--color-border); }
.orka-icons a{ color:var(--color-off-white); }
.orka-cart-pill a, a.orka-cart-pill{ background:var(--color-copper-gold); color:#111!important; padding:9px 15px; border-radius:4px; font-weight:700; font-size:13px; display:inline-flex; align-items:center; gap:8px; text-decoration:none; }

/* ============================================================
   FOOTER
   ============================================================ */
.orka-footer{ background:var(--color-deep-black); color:var(--color-off-white); }
.orka-footer h1,.orka-footer h2,.orka-footer h3,.orka-footer h4{ font-family:var(--font-display); font-size:18px; color:#fff; margin-bottom:12px; }
.orka-footer, .orka-footer p, .orka-footer li a, .orka-footer .et_pb_text_inner{ font-size:13px; color:#c9c9c9; line-height:1.9; }
.orka-footer li a{ color:#c9c9c9!important; }
.orka-footer li a:hover{ color:var(--color-copper-gold)!important; }
.orka-footer-bottom{ border-top:1px solid var(--color-border-dark); font-size:12px; color:#8a8a8a; }
.orka-pay span{ background:#fff; color:#111; font-weight:700; font-size:11px; padding:4px 8px; border-radius:3px; margin-right:6px; display:inline-block; }

/* ============================================================
   WOOCOMMERCE product cards
   ============================================================ */
.woocommerce ul.products li.product, .et_pb_shop ul.products li.product{ background:var(--color-off-white); border:1px solid var(--color-border); border-radius:8px; padding:16px!important; box-shadow:var(--shadow-sm); transition:transform 250ms ease, box-shadow 250ms ease; text-align:left; overflow:hidden; }
.woocommerce ul.products li.product:hover, .et_pb_shop ul.products li.product:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }
.woocommerce ul.products li.product img, .et_pb_shop ul.products li.product img{ background:#EFEDE6; border-radius:4px; margin-bottom:12px; }
.woocommerce ul.products li.product .woocommerce-loop-product__title, .et_pb_shop ul.products li.product h3{ font-family:var(--font-body)!important; font-size:14px!important; font-weight:500!important; color:var(--color-deep-black)!important; padding:0!important; line-height:1.35; }
.woocommerce ul.products li.product .price, .et_pb_shop ul.products li.product .price{ font-family:var(--font-display)!important; font-size:26px!important; color:var(--color-deep-black)!important; font-weight:400!important; }
.woocommerce ul.products li.product .price del{ font-family:var(--font-body); font-size:13px; color:var(--color-text-muted); }
.woocommerce ul.products li.product .button, .et_pb_shop ul.products li.product .button{ background:var(--color-copper-gold)!important; color:#111!important; border-radius:4px!important; font-weight:700!important; font-size:13px!important; letter-spacing:.5px!important; text-transform:uppercase!important; width:100%; text-align:center; padding:12px 0!important; transition:all 250ms ease!important; }
.woocommerce ul.products li.product .button:hover, .et_pb_shop ul.products li.product .button:hover{ background:var(--color-copper-gold-hover)!important; box-shadow:var(--shadow-gold)!important; }
.woocommerce span.onsale, .et_pb_shop span.onsale{ background:var(--color-error)!important; color:#fff!important; border-radius:4px!important; font-family:var(--font-body)!important; font-weight:700!important; font-size:10px!important; text-transform:uppercase; letter-spacing:.6px; min-height:auto; min-width:auto; line-height:1; padding:5px 9px; top:12px; left:12px; right:auto; }
.woocommerce div.product .product_title{ font-family:var(--font-display)!important; font-size:36px!important; }
.woocommerce div.product p.price, .woocommerce div.product span.price{ font-family:var(--font-display)!important; font-size:40px!important; color:var(--color-deep-black)!important; }
.woocommerce div.product form.cart .button, .woocommerce div.product .single_add_to_cart_button{ background:var(--color-copper-gold)!important; color:#111!important; border-radius:4px!important; text-transform:uppercase!important; letter-spacing:.5px!important; font-weight:700!important; }
.woocommerce div.product form.cart .button:hover{ background:var(--color-copper-gold-hover)!important; box-shadow:var(--shadow-gold)!important; }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info{ border-top-color:var(--color-copper-gold); }
.woocommerce-breadcrumb{ font-size:13px; color:var(--color-text-muted); }

/* ============================================================
   CONTACT FORM
   ============================================================ */
.orka-form .et_pb_contact_form_label{ display:none; }
.orka-form .et_pb_contact_field{ padding:0 0 16px!important; }
.orka-form .et_pb_contact_field input, .orka-form .et_pb_contact_field textarea, .orka-form .et_pb_contact_field .et_pb_contact_field_options_wrapper{ background:#fff!important; border:1px solid var(--color-border)!important; border-radius:4px!important; padding:14px 16px!important; font-family:var(--font-body)!important; font-size:15px!important; color:#111!important; }
.orka-form .et_pb_contact_field input:focus, .orka-form .et_pb_contact_field textarea:focus{ border-color:var(--color-copper-gold)!important; outline:none!important; }
.orka-form .et_pb_contact_submit.et_pb_button{ background:var(--color-copper-gold)!important; color:#111!important; border:none!important; border-radius:4px!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:.5px!important; padding:15px 34px!important; }
.orka-form .et_pb_contact_submit.et_pb_button:hover{ background:var(--color-copper-gold-hover)!important; box-shadow:var(--shadow-gold)!important; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:980px){ .orka-section{ padding-top:48px!important; padding-bottom:48px!important; } .orka-logo .wm{ font-size:24px; } }
@media (max-width:767px){ .orka-announce .et_pb_text_inner{ gap:12px; font-size:11px; justify-content:center; } h1{ font-size:36px!important; } h2{ font-size:28px!important; } }