/*
Theme Name: Cyfrowa Pomoc — Sklep
Theme URI: https://sklep.cyfrowapomoc.pl
Description: Child theme Storefront dla sklepu cyfrowego Cyfrowa Pomoc. Spójny z marką cyfrowapomoc.pl (granat #0F1B2E, pomarańcz #FF6B1A, font Inter).
Author: Cyfrowa Pomoc
Template: storefront
Version: 1.0.6
Text Domain: cyfrowapomoc-sklep
*/

/* =========================================================
   1. FONT MARKI — Inter (self-hosted, jak na cyfrowapomoc.pl)
   ========================================================= */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/inter-500-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/inter-500-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/inter-600-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/inter-600-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/inter-700-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;
  src:url(assets/fonts/inter-700-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;
  src:url(assets/fonts/inter-800-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;
  src:url(assets/fonts/inter-800-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}

/* =========================================================
   2. TOKENY MARKI (1:1 z cyfrowapomoc.pl)
   ========================================================= */
:root{
  --cp-orange:#FF6B1A;
  --cp-orange2:#FF8A3D;
  --cp-navy:#0F1B2E;
  --cp-navy2:#16243C;
  --cp-border:#E6EAF1;
  --cp-gray:#F5F7FB;
  --cp-text:#0F1B2E;
  --cp-muted:#5A6A82;
  --cp-danger:#E5484D;
  --cp-success:#10B981;
  --cp-radius:10px;
  --cp-radius-pill:9999px;
  --cp-font:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --cp-ring:0 0 0 4px rgba(255,107,26,.12);
  --cp-shadow:0 6px 24px rgba(15,27,46,.08);
  --cp-cta:linear-gradient(180deg,var(--cp-orange2) 0%,var(--cp-orange) 100%);
}

/* =========================================================
   3. BAZA / TYPOGRAFIA
   ========================================================= */
body,button,input,select,optgroup,textarea,.site,.widget,
.woocommerce-page,.woocommerce{font-family:var(--cp-font);color:var(--cp-text);}
body{background:#fff;}
h1,h2,h3,h4,h5,h6,.site-title,.entry-title,.product_title,
.woocommerce-loop-product__title,.widget-title{color:var(--cp-navy);font-weight:700;line-height:1.2;}
a{color:var(--cp-orange);}
a:hover{color:var(--cp-orange2);}
.col-full{max-width:1200px;}

/* =========================================================
   4. NAGŁÓWEK + MENU (biały header, granatowy tekst, orange CTA)
   ========================================================= */
.site-header{
  background:#fff;
  border-bottom:1px solid var(--cp-border);
  box-shadow:0 2px 14px rgba(15,27,46,.05);
  padding-top:1.1em;padding-bottom:1.1em;
}
.site-header .site-branding,.site-header .site-title{margin:0;}
.site-header .site-title a,
.site-header .site-title a:hover{color:var(--cp-navy);font-weight:800;letter-spacing:-.01em;}
.custom-logo{max-height:48px;width:auto;}
.site-header .secondary-navigation a,
.main-navigation ul li a,
.site-header a:not(.button){color:var(--cp-navy);font-weight:600;}
.main-navigation ul li a:hover,
.main-navigation ul li:hover>a,
.main-navigation ul li.current-menu-item>a{color:var(--cp-orange);}
/* podkreślenie aktywnego elementu menu w stylu marki */
.main-navigation ul.menu>li.current-menu-item>a:after,
.main-navigation ul.nav-menu>li.current-menu-item>a:after{
  content:"";display:block;height:3px;border-radius:3px;background:var(--cp-cta);margin-top:4px;
}
/* koszyk w nagłówku */
.site-header-cart .cart-contents{color:var(--cp-navy);font-weight:600;}
.site-header-cart .cart-contents .count,
.site-header-cart .amount{color:var(--cp-orange);}
.site-header-cart .widget_shopping_cart{border-top:3px solid var(--cp-orange);}

/* =========================================================
   5. PRZYCISKI (CTA pomarańczowy gradient, pill)
   ========================================================= */
button,input[type=button],input[type=reset],input[type=submit],
.button,.added_to_cart,
.woocommerce #respond input#submit,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{
  background:var(--cp-cta);
  color:#fff;
  border:0;
  border-radius:var(--cp-radius-pill);
  font-weight:700;
  letter-spacing:.01em;
  padding:.7em 1.5em;
  box-shadow:0 4px 14px rgba(255,107,26,.28);
  transition:filter .15s ease,transform .05s ease,box-shadow .15s ease;
}
button:hover,.button:hover,.added_to_cart:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{
  background:var(--cp-cta);
  color:#fff;
  filter:brightness(1.05);
  box-shadow:0 6px 18px rgba(255,107,26,.36);
}
button:focus-visible,.button:focus-visible,
.woocommerce a.button:focus,.woocommerce button.button:focus,.woocommerce input.button:focus{
  outline:none;box-shadow:var(--cp-ring),0 4px 14px rgba(255,107,26,.28);
}
button:active,.button:active,.woocommerce a.button:active{transform:translateY(1px);}

/* przycisk drugorzędny (np. „Pokaż koszyk", „Wstecz") — granat outline */
.woocommerce a.button.wc-backward,
.woocommerce .cart .button:not(.checkout-button),
.button.alt.wc-forward.wp-element-button:not(.checkout-button){
  background:#fff;color:var(--cp-navy);
  border:2px solid var(--cp-border);
  box-shadow:none;
}
.woocommerce a.button.wc-backward:hover{border-color:var(--cp-navy);color:var(--cp-navy);filter:none;}

/* =========================================================
   6. STRONA PRODUKTU / PĘTLA SKLEPU
   ========================================================= */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  background:#fff;border:1px solid var(--cp-border);border-radius:var(--cp-radius);
  padding:14px;transition:box-shadow .18s ease,transform .18s ease;
}
.woocommerce ul.products li.product:hover{box-shadow:var(--cp-shadow);transform:translateY(-3px);}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--cp-navy);font-weight:800;
}
.woocommerce ul.products li.product .price ins,
.woocommerce div.product p.price ins{color:var(--cp-orange);text-decoration:none;}
.woocommerce span.onsale{
  background:var(--cp-cta);color:#fff;border-radius:var(--cp-radius-pill);
  min-height:auto;min-width:auto;padding:.35em .8em;font-weight:700;line-height:1;
}
.woocommerce .star-rating span{color:var(--cp-orange);}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  background:#fff;border-bottom-color:#fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--cp-orange);}

/* =========================================================
   7. POLA FORMULARZY / KOSZYK / CHECKOUT
   ========================================================= */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce .quantity .qty,
input[type=text],input[type=email],input[type=password],input[type=tel],
input[type=number],select,textarea{
  border:1px solid var(--cp-border);border-radius:var(--cp-radius);
  padding:.6em .8em;background:#fff;color:var(--cp-text);
}
.woocommerce form .form-row input.input-text:focus,
input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,
select:focus,textarea:focus{
  border-color:var(--cp-orange);outline:none;box-shadow:var(--cp-ring);
}
.woocommerce table.shop_table{border-radius:var(--cp-radius);border-color:var(--cp-border);}
.woocommerce table.shop_table thead th{background:var(--cp-gray);color:var(--cp-navy);}
.woocommerce-cart .cart-collaterals .cart_totals>h2,
.woocommerce .cart_totals h2,
#order_review_heading,.woocommerce-checkout h3{color:var(--cp-navy);}
.woocommerce-checkout #payment{background:var(--cp-gray);border-radius:var(--cp-radius);}
.woocommerce-checkout #payment ul.payment_methods{border-bottom-color:var(--cp-border);}
.woocommerce .woocommerce-info,
.woocommerce-message{border-top-color:var(--cp-orange);}
.woocommerce-message:before,.woocommerce-info:before{color:var(--cp-orange);}
.woocommerce .woocommerce-error{border-top-color:var(--cp-danger);}
/* podsumowanie ceny */
.woocommerce-cart .cart_totals .order-total .amount,
.woocommerce-checkout .order-total .amount{color:var(--cp-orange);font-weight:800;}

/* „Moje konto" */
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color:var(--cp-orange);}
.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-bottom:1px solid var(--cp-border);}

/* =========================================================
   8. STOPKA (granat + logo jasne)
   ========================================================= */
.site-footer{
  background:var(--cp-navy);
  color:#cdd6e4;
  border-top:4px solid var(--cp-orange);
}
.site-footer a{color:#fff;}
.site-footer a:hover{color:var(--cp-orange2);}
.site-footer .widget-title{color:#fff;}
.storefront-handheld-footer-bar{background:var(--cp-navy);}
.storefront-handheld-footer-bar a{color:#fff;}
.storefront-handheld-footer-bar ul li.cart .count{background:var(--cp-orange);color:#fff;}

/* =========================================================
   9. DROBNE AKCENTY
   ========================================================= */
::selection{background:rgba(255,107,26,.18);}
.onsale,.badge{font-family:var(--cp-font);}
.widget_price_filter .ui-slider .ui-slider-range,
.widget_price_filter .ui-slider .ui-slider-handle{background:var(--cp-orange);}

/* =========================================================
   10. RESPONSYWNOŚĆ
   ========================================================= */
@media (max-width:768px){
  .col-full{padding-left:1.2em;padding-right:1.2em;}
  .site-header{padding-top:.8em;padding-bottom:.8em;}
  .custom-logo{max-height:40px;}
  button,.button,.woocommerce a.button,.woocommerce button.button{
    width:auto;padding:.65em 1.2em;
  }
  .woocommerce ul.products li.product{padding:10px;}
}
@media (max-width:480px){
  .woocommerce-checkout #payment{padding:.8em;}
  .single_add_to_cart_button,.checkout-button.button.alt{width:100%;text-align:center;}
}