/* Motyw „Cukiernia Duży Pokój” — dodatki do wyglądu C „Duet” dla WordPressa i zmiany klienta z 03.11.2026. */

/* pasek informacji nad nagłówkiem: adres w remoncie + odbiór zamówień */
.cu-pasek{background:var(--zolty);color:var(--czern);font-size:.84rem;line-height:1.4}
.cu-pasek .kont{display:flex;align-items:center;gap:10px;padding-top:8px;padding-bottom:8px}
.cu-pasek .ik{width:18px;height:18px}
.cu-pasek p{margin:0}
.cu-pasek b{font-weight:600}
.cu-pasek a{font-weight:600;margin-left:4px;white-space:nowrap}
.c-menu{inset:84px 0 0}

/* pieczęć — serduszko z napisem dookoła (z wyglądu B), kolory C */
.c-m-tytul{overflow:visible;z-index:2}
.cu-pieczec{position:absolute;right:-82px;top:34px;width:156px;height:156px;z-index:3;pointer-events:none}
.cu-pieczec svg{width:100%;height:100%;overflow:visible;animation:cu-obrot 26s linear infinite}
.cu-pieczec text{font:600 13.4px var(--font-b);letter-spacing:.2em;fill:var(--zolty)}
.cu-pieczec::before{content:"";position:absolute;inset:14px;border-radius:50%;background:rgba(22,19,15,.82);z-index:-1}
.cu-pieczec::after{content:"";position:absolute;inset:46px;border-radius:50%;background:var(--zolty) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23b4492f' d='M12 20.3 4.6 13a4.7 4.7 0 0 1 6.6-6.7l.8.8.8-.8A4.7 4.7 0 0 1 19.4 13z'/%3E%3C/svg%3E") center/28px no-repeat;animation:cu-bicie 2.6s ease-in-out infinite}
@keyframes cu-obrot{to{transform:rotate(360deg)}}
@keyframes cu-bicie{0%,100%{transform:scale(1)}12%{transform:scale(1.12)}24%{transform:scale(1)}36%{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.cu-pieczec svg,.cu-pieczec::after{animation:none}}

/* adres i odbiór */
.cu-adres-pas{background:var(--czern);padding:0 0 clamp(26px,4vw,44px);margin-top:-1px}
.cu-odbior{display:flex;gap:14px;align-items:flex-start;background:var(--karta);border:1px solid var(--linia);border-radius:var(--r);padding:16px 20px;margin:0 0 24px}
.cu-odbior .ik{width:26px;height:26px;color:var(--cegla);margin-top:2px}
.cu-odbior p{margin:0}
.cu-odbior b{display:block;color:var(--tinta);font-weight:600}
.cu-odbior span{display:block;color:var(--pod);font-size:.94rem}
.cu-odbior-duzy{background:#221d17;border-color:#221d17;color:#e8e1d4;margin:0;padding:18px 24px}
.cu-odbior-duzy b{color:#fff;font:600 1.15rem/1.3 var(--font-t)}
.cu-odbior-duzy span{color:#dcd4c6}
.cu-odbior-duzy .ik{color:var(--zolty)}
.cu-odbior-maly{margin:14px 0 0;padding:12px 14px;font-size:.92rem}
.c-porcja{color:#a99f8f;font-size:.85rem;margin:10px 0 0}

/* mozaika: kafelek godzin — dłuższe napisy */
.c-m-godz b{font-size:1.1rem}
.c-m-godz small{line-height:1.35}

/* kontakt: 5 kafli, większe zdjęcie w banerze */
.kontakt-kafle{grid-template-columns:repeat(3,minmax(0,1fr))}
.kk-odbior{grid-column:span 2;background:var(--czern);border-color:var(--czern)}
.kk-odbior small{color:#cfc6b6}
.kk-odbior b{color:var(--zolty)}
.kk-odbior .ik{color:var(--zolty)}
.kk-opis{color:#e8e1d4;font-size:.92rem;margin-top:4px}
.kk-uwaga{display:inline-block;align-self:flex-start;margin-top:6px;background:var(--zolty);color:var(--czern);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:.25em .7em;border-radius:999px}
.c-baner-duzy .c-baner-wn{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.c-baner-duzy .c-baner-foto{aspect-ratio:16/10;transform:rotate(1.2deg)}
.kontakt-tekst h2{font-size:clamp(1.6rem,3vw,2.2rem)}
.mapa-etykieta{position:absolute;left:14px;top:14px;right:14px;margin:0;display:flex;gap:10px;align-items:flex-start;background:rgba(22,19,15,.86);color:#fff;border-radius:14px;padding:10px 14px;font-size:.82rem;line-height:1.35}
.mapa-etykieta .ik{color:var(--zolty);width:22px;height:22px}
.mapa-etykieta b{display:block;font-size:.98rem;color:var(--zolty)}
.mapa iframe{z-index:2}

/* produkt: zamówienie telefonicznie */
.produkt-zamow{margin-top:1.6em;padding:18px 20px;border-radius:var(--r);background:var(--tlo2)}
.produkt-zamow>p:first-child{margin:0}
.produkt-zamow .przyciski{margin-top:.8em}
.grupa-info{color:var(--pod);margin:-.4em 0 1.2em;font-size:.95rem}
.grupa-info b{color:var(--tinta)}
.tc-porcja{margin:10px 0 0}
.tc-alergeny{background:var(--tlo2);border-radius:12px;padding:10px 14px;color:var(--tekst)}
.tc .c-nad{margin-bottom:.4em}
.sekcja-katalog .tc{margin-top:clamp(20px,4vw,50px)}

/* zakładki-linki na stronach kategorii */
.zakladki-linki a.aktywna{background:var(--czern);color:var(--zolty);border-color:var(--czern)}

/* treść stron WordPressa */
.tresc-wp img{max-width:100%;height:auto}
.tresc-wp figure{margin:1.2em 0}
.tresc-wp .aligncenter{display:block;margin-inline:auto}
.tresc-wp .alignleft{float:left;margin:.3em 1.2em 1em 0}
.tresc-wp .alignright{float:right;margin:.3em 0 1em 1.2em}
.tresc-wp .wp-caption,.tresc-wp .wp-caption-text,.tresc-wp figcaption{max-width:100%;font-size:14px;color:var(--pod)}
.tresc-wp table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.tresc-wp td,.tresc-wp th{border:1px solid var(--linia);padding:6px 10px;vertical-align:top}
.tresc-wp .wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:1em 0}
.tresc-wp .wp-block-button__link{display:inline-flex;align-items:center;min-height:46px;padding:.6em 1.2em;border-radius:var(--r-btn);background:var(--zolty);color:var(--czern);font-weight:600;text-decoration:none}
.tresc-wp .wp-block-columns{display:flex;flex-wrap:wrap;gap:20px}
.tresc-wp .wp-block-column{flex:1 1 240px;min-width:0}
.tresc-wp .wp-block-image img{border-radius:12px}
.tresc-wp pre,.tresc-wp code{white-space:pre-wrap;word-break:break-word}
.tekst-prawny{overflow-wrap:anywhere}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* pasek cookies */
.zgody{position:fixed;left:12px;right:12px;bottom:12px;z-index:250;max-width:760px;margin:0 auto;background:var(--czern);color:#ece6da;border-radius:18px;padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;box-shadow:0 20px 50px -20px rgba(0,0,0,.6);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}
.zgody.widoczny{opacity:1;transform:none}
.zgody[hidden]{display:none}
.zgody p{margin:0;flex:1 1 320px;font-size:.88rem;line-height:1.5}
.zgody a{color:var(--zolty)}
.zgody-przyciski{display:flex;gap:10px;flex-wrap:wrap}
.zgody .btn{min-height:44px;padding:.5em 1.1em}
.zgody .btn-obrys{color:#fff}

/* stopka */
.c-stopka-odb{font-size:.88rem;max-width:32ch}

@media (max-width:1100px){
  .cu-pieczec{right:-70px;width:132px;height:132px}
  .cu-pieczec::after{inset:40px;background-size:24px}
}
@media (max-width:980px){
  .c-m-tytul{padding-top:clamp(120px,22vw,150px)}
  .cu-pieczec{right:18px;top:18px;width:112px;height:112px}
  .cu-pieczec text{font-size:13.4px}
  .cu-pieczec::before{inset:10px}
  .cu-pieczec::after{inset:34px;background-size:20px}
  .kontakt-kafle{grid-template-columns:1fr 1fr}
  .c-baner-duzy .c-baner-wn{grid-template-columns:1fr}
  .c-baner-duzy .c-baner-foto{max-width:none;transform:none}
}
@media (max-width:640px){
  .cu-pasek{font-size:.78rem}
  .cu-pasek span{display:none}
  .c-m-tytul{padding-top:118px}
  .cu-pieczec{width:96px;height:96px;right:12px;top:12px}
  .cu-pieczec::before{inset:8px}
  .cu-pieczec::after{inset:29px;background-size:17px}
  .kontakt-kafle{grid-template-columns:1fr}
  .kk-odbior{grid-column:auto}
  .cu-odbior{padding:14px 16px}
  .zgody{left:8px;right:8px;bottom:8px;padding:14px}
  .zgody .btn{flex:1 1 auto}
  .c-stopka-znak{font-size:clamp(2.4rem,13vw,4rem)}
}
@media (max-width:360px){
  .c-logo b{font-size:1.1rem}
  .c-logo img{width:46px;height:46px}
  .naglowek-wn{gap:10px}
}

/* mozaika: zdjęcia nie rozpychają rzędów (wysokość dają kafle z tekstem) */
.c-mozaika{grid-template-rows:auto auto minmax(230px,auto)}
.c-m-f1 img,.c-m-f2 img,.c-m-f3 img,.c-m-f4 img{position:absolute;inset:0}
@media (max-width:980px){.c-mozaika{grid-template-rows:none}.c-m-godz{min-height:190px}.c-m-f2{min-width:0}}
@media (max-width:980px){.c-m-f3{aspect-ratio:auto;min-height:190px}}
@media (max-width:640px){.c-m-f2{aspect-ratio:auto}.c-stopka-znak{white-space:normal}}