/*
Theme Name: K9 Drako
Theme URI: https://k9drako.pl
Author: K9 Drako
Description: Motyw dla Szkoły i Hotelu dla Psów K9 DRAKO (Sowno) — kolorystyka czarno-złota.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: k9drako
*/

:root{
  --black:#0a0908;
  --black-2:#151310;
  --black-3:#1e1b16;
  --gold:#cda44d;
  --gold-light:#e9cd85;
  --gold-dark:#8a6b2c;
  --ivory:#f4efe3;
  --ivory-dim:#b9b0a0;
  --hair:rgba(205,164,77,0.28);
}

*{box-sizing:border-box;}

html{background:var(--black);}

@media (prefers-reduced-motion: no-preference){
  html{scroll-behavior:smooth;}
}

#o-nas,#szkolenia,#hotel,#zasady,#kontakt{scroll-margin-top:90px;}

body{margin:0;background:var(--black);font-family:'Work Sans',system-ui,sans-serif;color:var(--ivory);}

h1,h2,h3{font-family:'Playfair Display',Georgia,serif;margin:0;font-weight:600;}

p{margin:0;}

a{color:var(--gold);text-decoration:none;}
a:hover{color:var(--gold-light);}

img{max-width:100%;display:block;}

.parallax-hero{
  background-image:url('assets/img/paralaxa.jpg');
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  background-repeat:no-repeat;
}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;font-family:'Work Sans',sans-serif;font-size:14px;letter-spacing:0.12em;text-transform:uppercase;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border:none;}
.btn-primary{background:var(--gold);color:var(--black);border:1px solid var(--gold);}
.btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light);color:var(--black);}
.btn-outline{background:transparent;color:var(--gold-light);border:1px solid var(--gold-dark);}
.btn-outline:hover{border-color:var(--gold);background:rgba(205,164,77,0.08);}

.kicker{font-size:13px;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold);font-weight:500;}

.card{border:1px solid var(--hair);background:var(--black-2);padding:36px 30px;transition:border-color .2s ease, background .2s ease;}
.card:hover{border-color:var(--gold-dark);background:var(--black-3);}

.divider{display:flex;align-items:center;justify-content:center;gap:14px;}
.divider .line{height:1px;width:64px;background:linear-gradient(90deg,transparent,var(--gold-dark));}
.divider .line.r{background:linear-gradient(90deg,var(--gold-dark),transparent);}

.k9-mark{display:inline-flex;align-items:center;font-family:'Archivo Black',sans-serif;line-height:1;}
.k9-mark .k9{color:var(--gold);}
.k9-mark .drako{color:var(--black);background:var(--gold);margin-left:0.35em;padding:0.22em 0.32em;}

.navlink{font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ivory-dim);font-weight:500;}
.navlink:hover{color:var(--gold-light);}

.photo-placeholder{border:1px dashed var(--gold-dark);background:var(--black-2);min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;}
.photo-placeholder span{font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ivory-dim);text-align:center;}

.quote{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:22px;line-height:1.65;color:var(--ivory);max-width:760px;margin:0 auto;text-align:center;}

.callout{border:1px solid var(--gold-dark);background:linear-gradient(180deg, rgba(205,164,77,0.09), rgba(205,164,77,0.02));padding:28px 30px;display:flex;gap:16px;align-items:flex-start;}
.callout svg{flex-shrink:0;margin-top:2px;}
.callout strong{color:var(--gold-light);font-size:15px;}
.callout p{margin-top:8px;font-size:14px;line-height:1.7;color:var(--ivory-dim);font-weight:300;}

.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}

@media (max-width:960px){
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr));}
  .grid2{grid-template-columns:minmax(0,1fr);}
  .hide-mobile{display:none !important;}
  .hero-h1{font-size:42px !important;}
  .split{grid-template-columns:minmax(0,1fr) !important;}
}
@media (max-width:640px){
  .grid4{grid-template-columns:minmax(0,1fr);}
  .section-pad{padding-left:24px !important;padding-right:24px !important;}
  .hero-h1{font-size:34px !important;}
}