/* ============================================================ cocukelbiseleri.com — Storybook Boutique GLOBAL theme Loaded site-wide in AFTER css/style.css so it overrides the old bright-pink defaults on every page. Home keeps its own full-bleed content styles; this file themes the shared chrome (header, footer, buttons, product cards, breadcrumb, forms). ============================================================ */ :root{ --cream:#FDF7F2;--cream-2:#FBEEE7;--blush:#F7DEE2;--blush-soft:#FCEDEF; --rose:#E9A6B3;--berry:#9E3B60;--berry-deep:#822F4E;--ink:#3E2A33;--ink-soft:#6C5560; --sage-deep:#6E8E68;--gold:#C7A25E;--gold-deep:#A9863F;--line:#E8D8D0; --shadow:0 18px 44px -22px rgba(120,50,72,.45);--shadow-sm:0 8px 22px -14px rgba(120,50,72,.4); } body{font-family:"Nunito Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--cream)} h1,h2,h3,h4{font-family:"Fraunces",Georgia,serif;color:var(--ink);letter-spacing:-.01em} a{color:var(--berry)} /* ---------- header ---------- */ .hdr{background:rgba(253,247,242,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} .logo-text{font-family:"Fraunces",serif;color:var(--berry);font-weight:600} .logo-text em{font-style:normal;color:var(--ink)} .hdr-cats a{color:#5b4650;font-weight:700} .hdr-cats a:hover{color:var(--berry)} .hdr-auth-link{color:var(--ink);font-weight:700} .hdr-auth-link:hover{color:var(--berry)} .cart-badge{background:var(--berry)} .mob-toggle span{background:var(--berry)} /* ---------- buttons ---------- */ .btn{background:var(--berry);color:#fff;border-radius:999px;font-weight:800} .btn:hover{background:var(--berry-deep)} .btn-gold{background:var(--berry);color:#fff} .btn-gold:hover{background:var(--berry-deep)} .btn-outline{border:1.5px solid var(--rose);color:var(--berry);background:transparent;border-radius:999px} .btn-outline:hover{border-color:var(--berry);color:var(--berry);background:var(--blush-soft)} /* ---------- shared product card (partial) → boutique look ---------- */ .grid{gap:22px} .pcard{border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden;background:#fff} .pcard:hover{box-shadow:var(--shadow);transform:translateY(-6px)} .pcard-img{aspect-ratio:1/1.12;background:var(--blush-soft);border-radius:18px 18px 0 0;overflow:hidden} .pcard-img img{width:100%;height:100%;object-fit:cover;object-position:center} .pcard-body{padding:14px 15px 16px} .pcard-brand{color:var(--rose);text-transform:uppercase;font-weight:800;letter-spacing:.5px} .pcard-title a{color:var(--ink)} .pcard-title a:hover{color:var(--berry)} .pcard-price .price{font-family:"Fraunces",serif;color:var(--berry);font-weight:600;font-size:1.14rem} .pcard-rating .stars{color:var(--gold)} .pcard-cart-btn{background:var(--blush);color:var(--berry);border-radius:12px;font-weight:800} .pcard-cart-btn:hover{background:var(--berry);color:#fff} .pcard-cart-btn.added{background:var(--sage-deep);color:#fff} /* ---------- breadcrumb ---------- */ .bc{color:var(--ink-soft)} .bc a{color:var(--ink-soft)} .bc a:hover{color:var(--berry)} /* ---------- forms (site-wide focus colour) ---------- */ input:focus,select:focus,textarea:focus{border-color:var(--berry)!important;box-shadow:0 0 0 3px rgba(158,59,96,.1)!important} /* ---------- section titles used by inner pages ---------- */ .sec-t{font-family:"Fraunces",serif;color:var(--ink)} .sec-sub{color:var(--ink-soft)} .empty{color:var(--ink-soft)} /* ---------- auth pages (login / register / forgot / reset) ---------- */ .auth-title{font-family:"Fraunces",serif;color:var(--ink)} .auth-pass{position:relative} .auth-pass input{width:100%;padding-right:46px} .auth-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none; background:transparent;cursor:pointer;display:grid;place-items:center;color:#9b8a90;border-radius:8px;padding:0} .auth-eye:hover{color:var(--berry);background:var(--blush-soft)} .auth-eye svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .auth-eye .eye-off{display:none} .auth-eye.on .eye-on{display:none} .auth-eye.on .eye-off{display:block} .auth-row-split{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap} .auth-forgot{font-size:.86rem;font-weight:800;color:var(--berry)} .auth-forgot:hover{text-decoration:underline} .auth-hint{font-size:.76rem;color:var(--ink-soft);margin:6px 2px 0;font-weight:600} .auth-alert-success{background:#E7F5EC;color:#1E7A43;border:1px solid #B7E0C4;padding:11px 14px;border-radius:10px;font-size:.9rem;margin-bottom:14px} .auth-check input{accent-color:var(--berry)} /* ---------- footer ---------- */ .ftr{background:#3E2A33} .ftr-logo .logo-text{color:#fff} .ftr-logo .logo-text em{color:var(--rose)} /* trust strip: readable on the plum bg (was dark-on-dark) */ .ftr-trust{background:linear-gradient(180deg,#4A3341,#3E2A33);border-bottom:1px solid rgba(255,255,255,.07)} .ftr-trust-item strong{color:#fff} .ftr-trust-item span{color:#D9C2CC} .ftr-trust-item svg{stroke:var(--gold)}