/* === Theme Options - wygenerowane automatycznie === */
/* Nie edytuj recznie - nadpisane przy zapisie opcji */

:root {
  --color-primary:       #DD8CA0;
  --color-primary-dark:  #BE6A80;
  --color-primary-light: #FBEAEE;
  --color-secondary:     #C9A66B;
  --color-accent:        #8A9A82;
  --color-dark:          #3B2A2E;
  --color-text:          #55424A;
  --color-muted:         #55424a;
  --color-border:        #EFDEE1;
  --color-bg:            #FFFDFC;
  --color-bg-alt:        #FBF1EF;
  --color-white:         #ffffff;
  --color-primary-hover: #BE6A80;
  --font-heading: 'Montserrat', sans-serif;
  --font-body:    'Montserrat', sans-serif;
  --container-width:       1360px;
  --container-pad:         24px;
  --container-pad-mobile:  16px;
  --section-pt:            90px;
  --section-pb:            90px;
  --section-alt-pt:        80px;
  --section-alt-pb:        80px;
  --header-height:         100px;
  --header-sticky-height:  64px;
  --logo-sticky-width:     40px;
  --logo-header-width:     60px;
  --logo-footer-width:     140px;
  --btn-padding:           14px 32px;
  --btn-font-size:         14px;
  --btn-radius:            0px;
}

.section { padding-top:90px; padding-bottom:90px; }
.section-alt { padding-top:80px; padding-bottom:80px; }
.container { padding-inline:24px; }
@media (max-width:768px) {
  .section { padding-top:56px; padding-bottom:56px; }
  .section-alt { padding-top:56px; padding-bottom:56px; }
  .container { width:100%; max-width:100%; padding-inline:16px; }
}

body { font-family:var(--font-body); font-size:16px; line-height:1.75; font-weight:400; }

h1 { font-size:clamp(42px,2.24vw + 0.5rem,56px); font-weight:300; line-height:1.15; font-family:var(--font-heading); }
h2 { font-size:clamp(30px,1.6vw + 0.5rem,40px); font-weight:300; line-height:1.2; font-family:var(--font-heading); }
h3 { font-size:clamp(20px,1.04vw + 0.5rem,26px); font-weight:400; line-height:1.3; font-family:var(--font-heading); }
h4 { font-size:clamp(15px,0.8vw + 0.5rem,20px); font-weight:400; line-height:1.35; font-family:var(--font-heading); }
h5 { font-size:clamp(13px,0.68vw + 0.5rem,17px); font-weight:500; line-height:1.4; font-family:var(--font-body); }
h6 { font-size:clamp(11px,0.6vw + 0.5rem,15px); font-weight:600; line-height:1.45; font-family:var(--font-body); }
.btn-primary,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.button.alt,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button { background:var(--color-primary); color:#ffffff !important; border-color:var(--color-primary); }
.btn-primary:hover { background:var(--color-primary-dark); color:#ffffff !important; border-color:var(--color-primary-dark); }

.site-header { position:sticky; }
.header-inner { height:100px; }

.text-h1 { font-size:56px !important; font-weight:300 !important; line-height:1.15 !important; }
.text-h2 { font-size:40px !important; font-weight:300 !important; line-height:1.2 !important; }
.text-h3 { font-size:26px !important; font-weight:400 !important; line-height:1.3 !important; }
.text-h4 { font-size:20px !important; font-weight:400 !important; line-height:1.35 !important; }
.text-h5 { font-size:17px !important; font-weight:500 !important; line-height:1.4 !important; }
.text-h6 { font-size:15px !important; font-weight:600 !important; line-height:1.45 !important; }
