/*
Theme Name: Olgabijak Design
Description: 100% replikacja designu z index.html
Author: Olga Bijak
Version: 2.0
Template: twentytwentyfive
*/

/* ===== IMPORT EVERYTHING FROM INDEX.HTML ===== */

/* ROOT VARIABLES */
:root{
  --gold:#b08d5b;--gold-light:#d4b483;--cream:#faf8f5;--cream2:#f3efe9;
  --dark:#1c1c1a;--mid:#5a5750;--light:#8a857d;--green:#2b4a3f;
}

/* GLOBAL */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Jost',sans-serif;font-weight:300;color:var(--dark);background:#fff;letter-spacing:.01em}
a{color:inherit;text-decoration:none}

/* NAV */
nav{background:rgba(255,255,255,0.96);border-bottom:1px solid #e8e2d8;padding:18px 56px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}
.logo{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:var(--dark);letter-spacing:.08em}
.logo span{color:var(--gold)}
.nav-links{display:flex;gap:36px;font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--mid)}
.nav-links a:hover{color:var(--gold)}
.nav-cta{border:1px solid var(--dark);color:var(--dark);padding:9px 22px;font-size:11px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;transition:all .25s}
.nav-cta:hover{background:var(--dark);color:#fff}

/* HERO */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:92vh}
.hero-text{padding:0 72px;display:flex;flex-direction:column;justify-content:center;background:var(--cream)}
.hero-eyebrow{font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:24px;display:flex;align-items:center;gap:12px}
.hero-eyebrow::before{content:'';display:block;width:32px;height:1px;background:var(--gold)}
.hero-text h1{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:500;line-height:1.15;color:var(--dark);margin-bottom:24px}
.hero-text h1 em{font-style:italic;color:var(--gold)}
.hero-text p{font-size:15px;color:var(--mid);line-height:1.85;margin-bottom:44px;max-width:400px;font-weight:300}
.hero-btns{display:flex;gap:16px;align-items:center}
.btn-gold{background:var(--gold);color:#fff;padding:14px 32px;font-size:11px;font-weight:400;letter-spacing:.15em;text-transform:uppercase}
.btn-gold:hover{background:#9a7a4a}
.btn-outline{border:1px solid var(--gold);color:var(--gold);padding:14px 32px;font-size:11px;font-weight:400;letter-spacing:.15em;text-transform:uppercase}
.btn-outline:hover{background:var(--gold);color:#fff}
.hero-img{overflow:hidden;display:flex;align-items:flex-end;background:var(--cream)}
.hero-img img{width:100%;height:auto;display:block;object-fit:contain;object-position:bottom}

/* ABOUT */
.about{display:grid;grid-template-columns:5fr 6fr}
.about-img img{width:100%;height:100%;min-height:580px;object-fit:cover;object-position:center top;display:block}
.about-content{padding:80px 72px;display:flex;flex-direction:column;justify-content:center}
.section-label{font-size:11px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px;display:flex;align-items:center;gap:12px}
.section-label::before{content:'';display:block;width:24px;height:1px;background:var(--gold)}
.about-content h2{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:500;color:var(--dark);margin-bottom:28px;line-height:1.2}
.about-content p{font-size:14px;color:var(--mid);line-height:1.9;margin-bottom:14px;font-weight:300}

/* STEPS */
.steps-section{padding:96px 56px;background:var(--cream)}
.steps-section h2{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:500;color:var(--dark);text-align:center;margin-bottom:64px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.step{padding:40px 32px;border-left:1px solid #e0d8cc;text-align:left}
.step:first-child{border-left:none}
.step-num{font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:400;color:#e0d8cc;line-height:1;margin-bottom:20px}
.step h3{font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--dark);margin-bottom:12px}
.step p{font-size:13px;color:var(--light);line-height:1.8;font-weight:300}

/* PRICING */
.pricing-section{padding:96px 56px;background:#fff}
.pricing-section h2{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:500;color:var(--dark);text-align:center;margin-bottom:64px}
.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:720px;margin:0 auto;background:#e0d8cc}
.p-card{background:#fff;padding:48px 40px}
.p-card.featured{background:var(--dark)}
.p-label{font-size:10px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.p-card.featured .p-label{color:var(--gold-light)}
.p-card h3{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:500;color:var(--dark);margin-bottom:28px;line-height:1.2}
.p-card.featured h3{color:#fff}
.price-big{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:400;color:var(--gold);line-height:1}
.price-big sup{font-size:22px;vertical-align:super}

/* EQUIPMENT */
.equip-section{background:var(--green);padding:64px 56px;text-align:center}
.equip-section h2{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:500;color:#fff;margin-bottom:12px}
.equip-section p{font-size:14px;color:#a8bdb8;max-width:500px;margin:0 auto 36px;font-weight:300;line-height:1.8}
.equip-pill{display:inline-flex;align-items:center;gap:20px;border:1px solid rgba(255,255,255,0.2);padding:20px 36px}
.equip-pill-name{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:500;color:#fff}
.equip-pill-sub{font-size:12px;color:#a8bdb8;letter-spacing:.06em;margin-top:2px}

/* CONTACT */
.contact-section{display:grid;grid-template-columns:1fr 1fr}
.contact-info{padding:80px 64px;background:var(--cream2)}
.contact-info h2{font-family:'Cormorant Garamond',serif;font-size:36px;font-weight:500;color:var(--dark);margin-bottom:14px;line-height:1.2}
.form-area{padding:80px 64px}
.form-area h3{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:500;color:var(--dark);margin-bottom:36px}
.fg{margin-bottom:20px}
label{display:block;font-size:10px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--light);margin-bottom:7px}
input,select,textarea{width:100%;padding:12px 0;border:none;border-bottom:1px solid #e0d8cc;border-radius:0;font-size:14px;font-family:'Jost',sans-serif;font-weight:300;background:transparent;color:var(--dark);outline:none}
input:focus,select:focus,textarea:focus{border-bottom-color:var(--gold)}
.sbtn{margin-top:8px;background:var(--dark);color:#fff;border:none;padding:15px 40px;font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;font-family:'Jost',sans-serif;transition:background .2s}
.sbtn:hover{background:var(--gold)}

/* FOOTER */
footer{background:var(--dark);color:#6a6660;padding:40px 56px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.foot-logo{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:500;color:#fff;letter-spacing:.06em;margin-bottom:6px}
.foot-logo span{color:var(--gold)}
.foot-info{font-size:11px;line-height:2;letter-spacing:.04em}
.foot-info a{color:#6a6660}
.foot-info a:hover{color:var(--gold-light)}
.foot-right{font-size:11px;text-align:right;line-height:2;letter-spacing:.06em;text-transform:uppercase}
.foot-social{display:flex;gap:14px;margin-top:14px}
.foot-social a{color:#6a6660;transition:color .2s;display:flex;align-items:center}
.foot-social a:hover{color:var(--gold-light)}

/* RESPONSIVE */
@media(max-width:900px){
  nav{padding:16px 24px}
  .nav-links{gap:20px}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-text{padding:60px 40px}
  .hero-img{height:auto}
  .about{grid-template-columns:1fr}
  .about-img img{min-height:400px}
  .about-content{padding:48px 40px}
  .steps{grid-template-columns:1fr 1fr}
  .contact-section{grid-template-columns:1fr}
  .contact-info{padding:56px 40px 40px}
  .form-area{padding:40px 40px 56px}
  footer{padding:32px 24px}
}

@media(max-width:640px){
  nav{padding:14px 20px;flex-wrap:wrap;gap:12px}
  .nav-links{display:none}
  .nav-cta{font-size:11px;padding:8px 18px}
  .hero-text{padding:48px 24px 40px}
  .hero-text h1{font-size:36px}
  .about-content{padding:40px 24px}
  .steps{grid-template-columns:1fr}
  footer{padding:24px}
}

/* WordPress Specific */
.wp-block-button__link{background:var(--gold);color:#fff;padding:14px 32px;border:none;transition:background .25s}
.wp-block-button__link:hover{background:#9a7a4a}

h1,h2,h3,h4,h5,h6{font-family:'Cormorant Garamond',serif;color:var(--dark)}

/* Import parent theme */
@import url('../twentytwentyfive/style.css');