/* =========================================================
   Subtelnia Czaplinek — style motywu
   Przepisane 1:1 z paczki Claude Design.
   Wartosci nie byly przeliczane ani zaokraglane.
   ========================================================= */

/* ---------- Fonty lokalnie ---------- */
@font-face{font-family:'Cormorant Garamond';src:url('../fonts/cormorant-garamond.woff2') format('woff2');font-weight:300 400;font-style:normal;font-display:swap;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:'Cormorant Garamond';src:url('../fonts/cormorant-garamond-ext.woff2') format('woff2');font-weight:300 400;font-style:normal;font-display:swap;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:'Jost';src:url('../fonts/jost.woff2') format('woff2');font-weight:300 400;font-style:normal;font-display:swap;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:'Jost';src:url('../fonts/jost-ext.woff2') format('woff2');font-weight:300 400;font-style:normal;font-display:swap;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;}

/* ---------- Zmienne (z prototypu, bez zmian) ---------- */
:root{
  --acc:#746143;
  --hair:rgba(192,160,110,.55);
  --gold:#C0A06E;
  --goldui:#957C55;
  --tlo-b:#EDE5DB;
  --tlo-akc:#F6DAD9;
  --karta-hov:#E5DACD;
  --tlo-alt:#EDE5DB;
  --cytat:transparent;
  --sep:rgba(58,55,52,.12);
  --btn:#3A3734;
  --btn-hov:#4E4A46;
  --btn-txt:#FBF9F7;
  --btn-obrys:transparent;
  --btn-nav:#F6DAD9;
  --btn-nav-hov:#C99AA9;
  --btn-nav-txt:#3A3734;
  --btn-nav-obrys:#9B7682;
  --btn2-txt:#3A3734;
  --btn2-obrys:rgba(58,55,52,.24);
}

/* ---------- Baza ---------- */
*{box-sizing:border-box}
html{background:#FBF9F7}
body{margin:0;background:#FBF9F7;color:#3A3734;font-family:'Jost',system-ui,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
a{color:#3A3734;text-decoration:none}
a:hover{color:#785C65}
button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit;padding:0;text-align:inherit}
input,select,textarea{font-family:inherit;font-weight:300;color:#3A3734;font-size:16px}
h1,h2,h3,h4,p,figure,fieldset{margin:0;font-weight:inherit}
ul,ol{padding:0;margin:0;list-style:none}
img{max-width:100%}
:focus-visible{outline:2px solid #746143;outline-offset:2px}
[hidden]{display:none !important}

/* pomijanie nawigacji */
.sub-skip{position:absolute;left:-9999px;top:0;z-index:999;background:#3A3734;color:#FBF9F7;padding:12px 20px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}
.sub-skip:focus{left:0}

/* ---------- Animacje (z prototypu) ---------- */
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes wejscie{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes subtelnia-wstega{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .subtelnia-wstega{animation:none !important}
}

/* ---------- Przelaczanie widokow ---------- */
/* Zawsze widoczny jest dokladnie jeden wariant ukladu.
   Progi wynikaja z szerokosci, w ktorych powstaly projekty:
   mobile 402 px, tablet 1024 px, desktop 1280 px.          */
.sub-view{display:none}
.sub-view--mobile{display:block}
.sub-view--mobile [id]{scroll-margin-top:96px}

@media (min-width:768px){
  .sub-view--mobile{display:none}
  .sub-view--tablet{display:block}
  .sub-view--tablet [id]{scroll-margin-top:92px}
}
@media (min-width:1280px){
  .sub-view--tablet{display:none}
  .sub-view--desktop{display:block}
  .sub-view--desktop [id]{scroll-margin-top:112px}
}

/* ---------- Lightbox galerii ---------- */
.sub-lb{position:fixed;inset:0;z-index:9000;background:rgba(58,55,52,.92);display:flex;align-items:center;justify-content:center;padding:24px}
.sub-lb[hidden]{display:none}
.sub-lb__img{max-width:min(1600px,92vw);max-height:88vh;width:auto;height:auto;display:block}
.sub-lb__btn{position:absolute;background:none;border:0;color:#FBF9F7;font-family:'Jost',sans-serif;font-weight:300;font-size:34px;line-height:1;padding:14px 18px;cursor:pointer}
.sub-lb__close{top:10px;right:14px;font-size:28px}
.sub-lb__prev{left:6px;top:50%;transform:translateY(-50%)}
.sub-lb__next{right:6px;top:50%;transform:translateY(-50%)}
.sub-lb__cap{position:absolute;left:0;right:0;bottom:16px;text-align:center;color:#FBF9F7;font-size:14px;letter-spacing:.02em}
body.sub-lb-open{overflow:hidden}

/* ---------- Menu mobilne ---------- */
body.sub-menu-open{overflow:hidden}