/*
Theme Name: Winnica Wetmańskich
Theme URI: https://winnicawetmanskich.pl
Author: Winnica Wetmańskich
Description: Motyw dla rodzinnej winnicy Wetmańskich: strona główna ze zdjęciem w tle, podstrony (O nas, Wina, Soki, Zwiedzanie, Sadzonki, Galeria) oraz sekcja kontaktowa z mapą. Zawiera sekcję Aktualności (wpisy). Po aktywacji sam tworzy strony i menu.
Version: 1.1.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: winnica
*/

:root{--plum:#3a1f33;--plum-2:#55304a;--leaf:#4f6b3f;--mist:#eef1ea;--paper:#fbfcf9;--stone:#8fa6b2;--ink:#241a22;
--serif:"Fraunces",Georgia,serif;--sans:"Figtree",system-ui,sans-serif;--pad:clamp(1.25rem,5vw,4rem)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:5rem}
body{font:400 1.0625rem/1.65 var(--sans);color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;color:var(--plum)}
h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:1.25rem}
h3{font-size:1.35rem}
p{max-width:62ch;margin-bottom:1rem}
a{color:inherit}
:focus-visible{outline:3px solid var(--stone);outline-offset:3px}
/* Nawigacja */
.nav{position:fixed;inset:0 0 auto 0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem var(--pad);background:rgba(58,31,51,.88);backdrop-filter:blur(10px);color:#fff}
.logo img{display:block;height:44px;width:auto;filter:brightness(1.12) drop-shadow(0 1px 5px rgba(0,0,0,.35))}
.nav nav{display:flex;gap:1.5rem}
.nav nav a{text-decoration:none;font-weight:500;font-size:.98rem;padding:.3rem 0;border-bottom:2px solid transparent;white-space:nowrap}
.nav nav a:hover,.nav nav a[aria-current]{border-bottom-color:var(--stone)}
main{min-height:60vh}
/* Przyciski */
.btn{display:inline-block;padding:.8rem 1.5rem;border-radius:999px;background:var(--stone);color:var(--plum);font-weight:600;text-decoration:none;border:2px solid var(--stone);transition:background .2s,color .2s}
.btn:hover{background:#fff;border-color:#fff}
.btn.ghost{background:transparent;color:#fff;border-color:#fff}
.btn.ghost:hover{background:#fff;color:var(--plum)}
.btn.dark{background:var(--plum);color:#fff;border-color:var(--plum)}
.btn.dark:hover{background:var(--plum-2);border-color:var(--plum-2)}
.btns{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
/* Nagłówek podstron */
.phead{padding:9rem var(--pad) 3.5rem;color:#fff;background:linear-gradient(rgba(36,16,30,.55),rgba(36,16,30,.8)),var(--bg) center/cover,var(--plum)}
.phead h1{color:#fff;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:400}
.phead p{color:#f1ebf0;font-size:1.15rem;margin:.6rem 0 0}
/* Sekcje */
.sec{padding:clamp(3rem,7vw,5.5rem) var(--pad)}
.tint{background:var(--mist)}
.lead{font-size:1.15rem;margin-bottom:2rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
.photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:6px 80px 6px 80px}
.facts{list-style:none;padding:0 0 0 1.1rem;margin:0 0 1.2rem;border-left:4px solid var(--leaf)}
.facts li{padding:.2rem 0}
.places{padding-left:1.2rem;margin-bottom:1rem}.places li{margin-bottom:.4rem}
/* Karty */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.6rem}
.card{background:var(--paper);padding:1.4rem;border-radius:6px 28px 6px 28px;border:1px solid #dfe4d8}
.tint .card{border-color:transparent}
.card h3{margin:1rem 0 .15rem}
.meta{color:var(--leaf);font-weight:600;font-size:.95rem;margin-bottom:.6rem}
.bottle{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#fff;border-radius:4px}
.thumb{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border-radius:4px}
.temp{display:flex;align-items:center;gap:.8rem;margin:.5rem 0 0}.temp img{width:56px;height:56px;flex:none}
.note{margin-top:2rem;font-size:.9rem;color:#6b6070;font-style:italic}
.more{margin-top:2rem}
/* Galeria */
.gallery{columns:3 260px;column-gap:1rem}
.gallery img{width:100%;margin-bottom:1rem;border-radius:6px 22px 6px 22px;cursor:zoom-in;display:block}
#lb{border:0;background:transparent;max-width:94vw;max-height:94vh;padding:0}
#lb::backdrop{background:rgba(20,8,16,.88)}
#lb img{max-width:94vw;max-height:92vh;border-radius:6px;display:block}
/* Strona główna: zdjęcie jako tło całej strony */
.home{background:#1e0c1a;color:#fff}
.home::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(30,12,26,.4),rgba(30,12,26,.72)),url("assets/img/hero.jpg") center/cover no-repeat}
.home h1,.home h2,.home h3{color:#fff}
.hero{min-height:100svh;display:flex;align-items:flex-end;padding:7rem var(--pad) 4rem}
.hero h1{font-size:clamp(2.5rem,7.5vw,5.4rem);max-width:16ch;font-weight:400;margin-bottom:1.2rem}
.hero p{font-size:1.25rem;max-width:44ch;color:#f1ebf0}
.hero>div{animation:in .9s ease both}
@keyframes in{from{opacity:0;transform:translateY(18px)}}
.glass{background:rgba(36,16,30,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);border-radius:6px 56px 6px 56px;padding:clamp(1.5rem,4vw,3rem)}
.glass.split{align-items:center}
.glass .photo{aspect-ratio:4/3;border-radius:6px 40px 6px 40px}
.facts3{list-style:none;padding:0;margin:1.5rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}
.facts3 li{border-left:3px solid var(--stone);padding-left:.9rem;color:#e6dde4}
.facts3 strong{display:block;font:600 1.5rem var(--serif);color:#fff}
.home .card{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);backdrop-filter:blur(8px)}
.home .meta{color:#c9dfb9}
/* Kontakt i stopka */
.contact{background:var(--plum);color:#f1ebf0;padding:clamp(3rem,7vw,5rem) var(--pad);position:relative}
.contact h2{color:#fff}
.contact-in{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:1200px;margin:0 auto}
.contact address{font-style:normal;font-size:1.25rem;line-height:1.6;margin-bottom:1.2rem}
.contact .btn{font-size:1.3rem}
.mail{margin-top:.2rem}.mail a{color:#fff;font-weight:600;text-underline-offset:4px}
.route{color:#fff;text-underline-offset:4px}
.map{width:100%;height:100%;min-height:360px;border-radius:6px 48px 6px 48px;background:var(--plum-2)}
.contact .note{color:#bfb2bc}
footer{background:#2a1625;color:#bfb2bc;text-align:center;padding:1.5rem;font-size:.9rem}footer p{margin:0 auto}
@media (max-width:820px){
 .contact-in{grid-template-columns:1fr}.map{min-height:300px}
 .split{grid-template-columns:1fr}.split.rev>.photo{order:2}
 .photo{aspect-ratio:4/3}
 .nav{flex-direction:column;align-items:flex-start;gap:.4rem;padding-block:.6rem}
 .nav nav{gap:1.1rem;overflow-x:auto;width:100%}
 .nav nav a{font-size:.92rem}
 .phead{padding-top:9.5rem}.hero{padding-top:9rem}
 html{scroll-padding-top:7rem}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero>div{animation:none}}

.trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.trio img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px 32px 6px 32px}

/* --- Dodatki dla WordPressa --- */
.nav nav ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.2rem 1.5rem;list-style:none;padding:0;margin:0}
.nav nav li{margin:0}
.nav nav a[aria-current="page"]{border-bottom-color:var(--stone)}
.admin-bar .nav{top:32px}
@media (max-width:782px){.admin-bar .nav{top:46px}}
@media (max-width:820px){.nav nav ul{gap:1.1rem}}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.screen-reader-text:focus{background:#fff;color:var(--plum);clip:auto;clip-path:none;height:auto;width:auto;left:1rem;top:1rem;padding:.8rem 1.2rem;z-index:100000;border-radius:6px}
.entry-content>*{max-width:62ch}
.entry-content h2,.entry-content h3{margin:1.5rem 0 .8rem}
.entry-content ul,.entry-content ol{padding-left:1.4rem;margin-bottom:1rem}
.entry-content img{max-width:100%;height:auto}
.entry-content .wp-block-image,.entry-content .wp-block-gallery{max-width:none}

/* --- Aktualności --- */
.nav nav .current_page_parent>a,.nav nav .current-menu-ancestor>a{border-bottom-color:var(--stone)}
.news-card .thumb{aspect-ratio:16/10;object-position:center}
.news-card h3 a{text-decoration:none}
.news-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.readmore{display:inline-block;font-weight:600;text-underline-offset:4px}
.post{max-width:820px;margin:0 auto}
.post-hero{margin:0 0 2rem}
.post-hero img{display:block;width:100%;height:auto;border-radius:6px 48px 6px 48px}
.post .entry-content>*{max-width:none}
.post .entry-content p,.post .entry-content li{max-width:68ch}
.entry-content a{color:var(--plum-2);text-underline-offset:3px}
.entry-content blockquote{border-left:4px solid var(--leaf);padding-left:1rem;margin:1.5rem 0;font-style:italic}
.entry-content figure{margin:1.5rem 0}
.entry-content figcaption,.wp-caption-text{font-size:.9rem;color:#6b6070;margin-top:.4rem}
.entry-content .wp-block-image img{border-radius:6px 22px 6px 22px}
.alignleft{float:left;margin:0 1.5rem 1rem 0}
.alignright{float:right;margin:0 0 1rem 1.5rem}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.navigation .nav-links{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:2rem}
.navigation a{font-weight:600;text-underline-offset:4px}
.pagination .nav-links{justify-content:flex-start;margin-top:2.5rem}
.page-numbers{display:inline-block;padding:.4rem .95rem;border-radius:999px;border:2px solid var(--stone);text-decoration:none;font-weight:600}
.page-numbers.current,a.page-numbers:hover{background:var(--stone);color:var(--plum)}
.post-back{margin-top:2.5rem}
.home .news-card .readmore{color:#fff}

/* --- Menu: bez ucinania pozycji na średnich i małych ekranach --- */
@media (max-width:1100px){
 .nav{flex-direction:column;align-items:flex-start;gap:.4rem;padding-block:.6rem}
 .nav nav{width:100%;overflow:visible}
 .nav nav ul{justify-content:flex-start;gap:.2rem 1.1rem}
 .nav nav a{font-size:.95rem}
 .logo img{height:38px}
 .phead{padding-top:9.5rem}.hero{padding-top:9rem}
 html{scroll-padding-top:8rem}
}