/*
Theme Name: Aninda Bul V2
Theme URI: https://www.aninda-bul.com.tr/
Author: Aninda Bul
Description: Sarı vurgulu, C2C marketplace ve Dokan uyumlu, dropdown menülü hafif tema.
Version: 2.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aninda
Tags: custom-menu, e-commerce, two-columns, responsive-layout
*/

:root{
  --bg:#0b0c10;
  --card:#0f1118;
  --text:#e8e9ee;
  --muted:#a9adbd;
  --line:rgba(255,255,255,.10);
  --accent:#f7c600; /* sarı */
  --accent2:#11131a;
  --shadow:0 20px 50px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#07080b 0%, #0b0c10 40%, #0b0c10 100%);color:var(--text);}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

.container{width:min(1200px,92vw);margin:0 auto}
.card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);}
.pill{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.03);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);cursor:pointer}
.btn.primary{background:linear-gradient(180deg,var(--accent),#f0b800);border-color:rgba(0,0,0,.12);color:#111;font-weight:800}
.btn.ghost{background:transparent}
.small{font-size:12px;color:var(--muted)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(11,12,16,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;}
.brand{display:flex;align-items:center;gap:10px}
.brand-badge{width:34px;height:34px;border-radius:12px;background:rgba(247,198,0,.16);display:grid;place-items:center;border:1px solid rgba(247,198,0,.25)}
.brand-badge svg{width:18px;height:18px;fill:var(--accent)}
.brand .name{font-weight:900;letter-spacing:.2px}

.nav-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.menu > li{position:relative}
.menu > li > a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.menu > li.current-menu-item > a,
.menu > li > a:hover{border-color:rgba(247,198,0,.35);box-shadow:0 12px 30px rgba(247,198,0,.10)}

.menu li ul{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:240px;padding:8px;background:rgba(15,17,24,.98);border:1px solid rgba(255,255,255,.10);border-radius:16px;box-shadow:var(--shadow)}
.menu li:hover > ul{display:block}
.menu li ul li a{display:block;padding:10px 12px;border-radius:12px;border:1px solid transparent;color:var(--text)}
.menu li ul li a:hover{background:rgba(255,255,255,.06);border-color:rgba(247,198,0,.25)}
.menu li ul{z-index:9999}

.mobile-toggle{display:none}
@media (max-width: 840px){
  .mobile-toggle{display:inline-flex}
  .menu{display:none;width:100%;padding-top:10px}
  .nav-open .menu{display:flex}
  .menu li ul{position:static;display:block;box-shadow:none;background:transparent;border:none;padding:6px 0 0;margin-left:10px}
}

.site-main{padding:18px 0 40px}
.hero{padding:18px;border-radius:22px}
.hero h1{margin:0 0 6px;font-size:28px}
.hero .sub{color:var(--muted);margin:0 0 12px}
.grid{display:grid;gap:14px}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width: 960px){.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.grid.cols-3{grid-template-columns:1fr}}

.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;color:var(--muted)}
.footer-inner{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}

/* WooCommerce basic */
.woocommerce .products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width: 960px){.woocommerce .products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.woocommerce .products{grid-template-columns:1fr}}
.woocommerce ul.products li.product{margin:0!important}
.woocommerce ul.products li.product .woocommerce-loop-product__link{display:block;padding:12px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.woocommerce ul.products li.product .price{color:var(--accent);font-weight:900}
.woocommerce div.product .woocommerce-tabs ul.tabs{border:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border:none;background:transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.03)}


/* === V2.1: Bigger logo + bigger product images === */
.brand-logo img{
  height:64px;
  width:auto;
  display:block;
}
.brand .name{
  font-size:22px;
}
.brand-badge{
  width:56px;
  height:56px;
}
.brand-badge svg{
  width:30px;
  height:30px;
}

/* Bigger product images/cards */
.woocommerce ul.products{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media (max-width: 960px){
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px){
  .woocommerce ul.products{grid-template-columns:1fr;}
}
.woocommerce ul.products li.product .woocommerce-loop-product__link{
  padding:16px;
}
.woocommerce ul.products li.product img{
  width:100%;
  height:380px;
  object-fit:cover;
  border-radius:14px;
}