/*
Theme Name: Mesnevi Gümüş
Theme URI: https://mesnevigumus.com
Description: Mesnevi Gümüş — WooCommerce e-ticaret teması. El işçiliği gümüş takı.
Author: Mesnevi Gümüş
Version: 1.0.2
Requires at least: 6.0
Tested up to: 6.7
WC requires at least: 8.0
WC tested up to: 9.0
Text Domain: mesnevi-gumus
*/

/* ============================================================
   TEMEL RESET & DEĞİŞKENLER
   ============================================================ */
:root {
  --siyah:      #111111;
  --yesil:      #1e5c2e;
  --yesil-acik: #2d7a41;
  --zeytin:     #7a9a1f;
  --kirmizi:    #cc1f1f;
  --altin:      #c9a84c;
  --gumus:      #c0c0c0;

  --bg:         #faf9f6;
  --bg-koyu:    #111111;
  --bg-kart:    #ffffff;
  --bg-section: #f3f1eb;

  --metin:      #1a1a1a;
  --metin-ince: #6b6b6b;
  --metin-ak:   #f5f5f0;

  --border:     #e0ddd5;
  --golge:      0 4px 24px rgba(0,0,0,.08);
  --golge-hov:  0 12px 40px rgba(0,0,0,.15);
  --golge-hdr:  0 2px 20px rgba(0,0,0,.12);

  --f-baslik:   'Playfair Display', Georgia, serif;
  --f-govde:    'Nunito', 'Segoe UI', sans-serif;
  --f-aksant:   'Cinzel', serif;

  --t-hizli:    .2s ease;
  --t-normal:   .35s cubic-bezier(.4,0,.2,1);
  --t-yavas:    .6s cubic-bezier(.4,0,.2,1);

  --r-sm:  6px;
  --r-md:  12px;
  --r-lg:  20px;
  --r-tam: 999px;
  --max-w: 1320px;
  --hdr-h: 80px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--f-govde);background:var(--bg);color:var(--metin);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none;transition:color var(--t-hizli)}
ul,ol{list-style:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,select,textarea{font-family:inherit}
address{font-style:normal}
::selection{background:var(--yesil);color:#fff}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#f0ede6}
::-webkit-scrollbar-thumb{background:var(--yesil);border-radius:3px}

/* KONTEYNER */
.konteyner{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px}
@media(max-width:768px){.konteyner{padding:0 16px}}

/* TİPOGRAFİ */
h1,h2,h3,h4,h5,h6{font-family:var(--f-baslik);line-height:1.25;color:var(--siyah)}
h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700}
h2{font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:600}
h3{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:600}
h4{font-size:1.2rem;font-weight:600}

.on-yazi{font-family:var(--f-aksant);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;color:var(--zeytin);display:block;margin-bottom:.5rem}

/* BUTONLAR */
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:var(--r-tam);font-family:var(--f-govde);font-weight:700;font-size:.88rem;letter-spacing:.03em;transition:all var(--t-normal);cursor:pointer;border:2px solid transparent;text-decoration:none}
.btn-ana{background:var(--yesil);color:#fff;border-color:var(--yesil)}
.btn-ana:hover{background:var(--siyah);border-color:var(--siyah);transform:translateY(-2px);box-shadow:0 8px 24px rgba(30,92,46,.3)}
.btn-ikincil{background:transparent;color:var(--yesil);border-color:var(--yesil)}
.btn-ikincil:hover{background:var(--yesil);color:#fff;transform:translateY(-2px)}
.btn-altin{background:linear-gradient(135deg,var(--altin),#a07830);color:#fff;border-color:transparent}
.btn-altin:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.4)}
.btn-sm{padding:8px 18px;font-size:.82rem}
.btn-lg{padding:16px 36px;font-size:1rem}

/* BÖLÜM BAŞLIĞI */
.bolum-baslik{text-align:center;margin-bottom:3rem}
.bolum-baslik h2{display:inline-block;margin-bottom:.75rem}
.bolum-baslik h2::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,var(--yesil),var(--zeytin));margin:.6rem auto 0;border-radius:2px}
.bolum-baslik p{color:var(--metin-ince);max-width:520px;margin:0 auto;font-size:1.02rem}

/* BÖLÜM PADDİNG */
.bp{padding:5rem 0}
.bp-sm{padding:3rem 0}
@media(max-width:768px){.bp{padding:3rem 0}}

/* KART */
.kart{background:var(--bg-kart);border-radius:var(--r-md);box-shadow:var(--golge);overflow:hidden;transition:box-shadow var(--t-normal),transform var(--t-normal)}
.kart:hover{box-shadow:var(--golge-hov);transform:translateY(-4px)}

/* ROZET */
.rozet{display:inline-block;padding:3px 10px;border-radius:var(--r-tam);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.rozet-yeni{background:var(--yesil);color:#fff}
.rozet-indirim{background:var(--kirmizi);color:#fff}
.rozet-populer{background:var(--altin);color:#fff}

/* YILDIZ */
.yildiz-wrap{display:flex;gap:2px}
.yildiz{font-size:1rem}
.yildiz.dolu{color:var(--altin)}
.yildiz.yari{color:var(--altin);opacity:.5}
.yildiz.bos{color:var(--border)}

/* GRİD */
.g2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:1024px){.g4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.g3,.g4{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}}
@media(max-width:480px){.g3,.g4{grid-template-columns:1fr}}

/* WOO FİYAT */
.price,.woocommerce-Price-amount{font-family:var(--f-baslik);font-weight:700;color:var(--yesil)}
ins .woocommerce-Price-amount{color:var(--kirmizi)}
del .woocommerce-Price-amount{color:var(--metin-ince);font-size:.85em}

/* WOO MESAJLAR */
.woocommerce-message{background:#e8f5e9;border-left:4px solid var(--yesil);padding:14px 20px;margin-bottom:1.5rem;border-radius:var(--r-sm);font-size:.92rem}
.woocommerce-info{background:#e3f2fd;border-left:4px solid #1976d2;padding:14px 20px;margin-bottom:1.5rem;border-radius:var(--r-sm)}
.woocommerce-error{background:#fdecea;border-left:4px solid var(--kirmizi);padding:14px 20px;margin-bottom:1.5rem;border-radius:var(--r-sm)}

/* ANİMASYONLAR */
@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes ziplama{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}
@keyframes donme{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes tersdonme{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes parcacik{0%,100%{transform:translateY(0) rotate(0deg);opacity:.3}50%{transform:translateY(-30px) rotate(180deg);opacity:.7}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}

[data-anim]{opacity:0;transition:opacity .7s ease,transform .7s ease}
[data-anim="up"]{transform:translateY(30px)}
[data-anim="left"]{transform:translateX(-30px)}
[data-anim="right"]{transform:translateX(30px)}
[data-anim].anim-ok{opacity:1;transform:translate(0)}