/*
Theme Name: Teknoevde
Theme URI: https://teknoevde.com
Description: Teknoevde için Storefront tabanlı özel WooCommerce child teması. Grafit/kum/bakır renk paletiyle ürün odaklı vitrin tasarımı.
Author: Teknoevde
Template: storefront
Version: 1.0.0
Text Domain: teknoevde
*/

/* =======================================================
   DEĞİŞKENLER
======================================================= */
:root{
  --graphite:#1C232B;
  --graphite-soft:#2A333D;
  --sand:#EDE6D8;
  --paper:#F7F4EE;
  --copper:#C2682E;
  --copper-soft:#E3A874;
  --teal:#3E7066;
  --steel:#707B85;
  --line: rgba(28,35,43,0.13);
  --red:#B23B3B;
}

body{
  background:var(--paper);
  color:var(--graphite);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{ font-family:'Archivo',sans-serif; letter-spacing:-0.01em; }
a{ transition: color .15s; }

/* =======================================================
   ÜST BİLGİ ŞERİDİ
======================================================= */
.te-topbar{ background:var(--graphite); color:var(--paper); font-family:'IBM Plex Mono',monospace; font-size:11.5px; }
.te-topbar .te-wrap{ max-width:1240px; margin:0 auto; display:flex; justify-content:space-between; padding:6px 22px; opacity:0.85; flex-wrap:wrap; gap:6px;}

/* =======================================================
   HEADER
======================================================= */
.te-header{ background:var(--paper); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:500; }
.te-header .te-wrap{ max-width:1240px; margin:0 auto; display:flex; align-items:center; gap:24px; padding:14px 22px; }
.te-logo{ font-family:'Archivo',sans-serif; font-weight:900; font-size:21px; flex-shrink:0; color:var(--graphite); text-decoration:none; }
.te-logo .dot{ color:var(--copper); }
.te-search{ flex:1; max-width:480px; }
.te-search form{ display:flex; align-items:center; background:#fff; border:1.5px solid var(--graphite); border-radius:3px; padding:4px 4px 4px 13px; gap:8px; }
.te-search input[type="search"]{ border:none; outline:none; font-size:13.5px; width:100%; background:transparent; font-family:'Inter'; }
.te-search button{ background:var(--graphite); color:#fff; border:none; padding:9px 14px; border-radius:2px; font-size:13px; cursor:pointer; }
.te-head-actions{ display:flex; gap:18px; align-items:center; flex-shrink:0; }
.te-icon-btn{ display:flex; flex-direction:column; align-items:center; font-size:10.5px; font-weight:600; gap:2px; position:relative; color:var(--graphite); text-decoration:none; }
.te-icon-btn .ic{ font-size:18px; }
.te-cart-count{ position:absolute; top:-4px; right:-10px; background:var(--copper); color:#fff; font-size:9.5px; padding:1px 5px; border-radius:8px; font-family:'IBM Plex Mono';}

/* Navbar overflow düzeltmesi */
#te-navbar,
#te-navbar *{
  overflow:visible !important;
}
#te-navbar{
  background:var(--graphite) !important;
  position:relative !important;
  z-index:9000 !important;
}

/* =======================================================
   PROMO ŞERİDİ
======================================================= */
.te-promo{ padding:16px 22px 0; }
.te-promo-grid{ display:grid; grid-template-columns:2fr 1fr; gap:14px; max-width:1240px; margin:0 auto; }
.te-promo-main{ background:var(--graphite); border-radius:6px; padding:30px 32px; color:var(--paper); display:flex; flex-direction:column; justify-content:center; min-height:230px; position:relative; overflow:hidden; }
.te-promo-main::after{ content:'⌂'; position:absolute; right:18px; bottom:-10px; font-size:140px; opacity:0.07; }
.te-promo-main .te-tag{ font-family:'IBM Plex Mono'; font-size:11px; color:var(--copper-soft); letter-spacing:0.06em; }
.te-promo-main h1{ font-size:30px; font-weight:800; margin:8px 0 0; max-width:380px; line-height:1.15; }
.te-promo-side{ display:flex; flex-direction:column; gap:14px; }
.te-promo-card{ flex:1; border-radius:6px; padding:18px 20px; display:flex; flex-direction:column; justify-content:center; color:#fff; }
.te-promo-card.c1{ background:var(--teal); }
.te-promo-card.c2{ background:var(--copper); }
.te-promo-card .te-tag{ font-family:'IBM Plex Mono'; font-size:10px; opacity:0.85; letter-spacing:0.05em;}
.te-promo-card h3{ font-size:17px; margin:5px 0 0; }
.te-btn{ font-family:'Inter'; font-weight:700; font-size:13.5px; padding:11px 18px; border-radius:3px; display:inline-flex; align-items:center; gap:6px; cursor:pointer; border:none; width:fit-content; margin-top:18px; text-decoration:none;}
.te-btn.primary{ background:var(--copper); color:#fff; }

/* =======================================================
   KATEGORİ DAİRELERİ
======================================================= */
.te-cats{ padding:30px 22px 6px; max-width:1240px; margin:0 auto; }
.te-cats .row{ display:flex; gap:20px; overflow-x:auto; padding-bottom:4px; }
.te-cat-item{ flex-shrink:0; width:96px; text-align:center; text-decoration:none; color:var(--graphite); }
.te-cat-circle{ width:72px; height:72px; border-radius:50%; background:var(--sand); display:flex; align-items:center; justify-content:center; font-size:30px; margin:0 auto; border:1px solid var(--line); transition:.15s; }
.te-cat-item:hover .te-cat-circle{ background:var(--copper); transform:translateY(-2px); }
.te-cat-item .nm{ font-size:12px; font-weight:600; margin-top:8px; line-height:1.3; }

/* =======================================================
   FLAŞ ÜRÜNLER BARI
======================================================= */
.te-flash{ background:var(--graphite); margin:30px auto 0; border-radius:6px; padding:14px 20px; display:flex; align-items:center; gap:16px; max-width:1196px; }
.te-flash .lbl{ color:#fff; font-weight:800; font-size:15px; display:flex; align-items:center; gap:8px; }
.te-flash .lbl .bolt{ color:var(--copper-soft); }
.te-flash .clock{ font-family:'IBM Plex Mono'; background:var(--graphite-soft); color:var(--copper-soft); padding:5px 10px; border-radius:3px; font-size:13px; font-weight:600; min-width:78px; text-align:center; }
.te-flash .sep{ flex:1; border-top:1px dashed rgba(247,244,238,0.2); }
.te-flash .all{ color:var(--copper-soft); font-size:12.5px; font-weight:700; white-space:nowrap; text-decoration:none; }

/* =======================================================
   BÖLÜM BAŞLIKLARI
======================================================= */
.te-section{ padding:34px 22px 6px; max-width:1240px; margin:0 auto; }
.te-sec-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:18px; }
.te-sec-head h2{ font-size:21px; font-weight:800; display:flex; align-items:center; gap:10px; margin:0; }
.te-sec-head h2 .n{ font-family:'IBM Plex Mono'; font-size:11px; color:var(--steel); background:var(--sand); padding:3px 8px; border-radius:3px; font-weight:600; }
.te-sec-head .all{ font-size:13px; font-weight:700; color:var(--teal); white-space:nowrap; text-decoration:none; }

/* =======================================================
   WOOCOMMERCE ÜRÜN KARTLARI (ul.products / li.product)
======================================================= */
ul.products{ display:grid !important; grid-template-columns:repeat(5,1fr); gap:14px; list-style:none; margin:0 !important; padding:0; }
ul.products li.product{
  background:#fff; border:1px solid var(--line); border-radius:6px; overflow:hidden;
  transition:transform .15s, box-shadow .15s; display:flex !important; flex-direction:column;
  width:100% !important; margin:0 !important; padding:0 !important; text-align:left !important; position:relative;
}
ul.products li.product:hover{ transform:translateY(-3px); box-shadow:0 12px 26px rgba(28,35,43,0.10); }

ul.products li.product a.woocommerce-LoopProduct-link{ display:flex; flex-direction:column; flex:1; color:inherit; text-decoration:none; }
ul.products li.product img{
  aspect-ratio:1; object-fit:cover; background:var(--sand); width:100%; display:block; margin:0 !important;
}
ul.products li.product .te-card-body{ padding:11px 12px 13px; flex:1; display:flex; flex-direction:column; }

/* indirim rozeti (onsale) — yüzde olarak gösterilecek (functions.php filtresiyle) */
ul.products li.product .onsale{
  position:absolute; top:8px; left:8px; background:var(--red); color:#fff; font-family:'IBM Plex Mono',monospace;
  font-size:10px; padding:3px 7px; border-radius:2px; font-weight:600; min-height:0; min-width:0; line-height:1.4;
  top:8px; left:8px; right:auto; margin:0; z-index:2;
}

ul.products li.product .star-rating{ font-size:11px; color:var(--copper); margin:0 0 0; }
ul.products li.product .woocommerce-loop-product__title{
  font-size:13px; font-weight:600; margin:6px 0 0; line-height:1.35; flex:1; color:var(--graphite);
}
ul.products li.product .price{ font-family:'IBM Plex Mono',monospace; margin-top:9px; display:block; }
ul.products li.product .price ins{ font-size:16px; font-weight:700; color:var(--graphite); text-decoration:none; }
ul.products li.product .price del{ font-size:11px; color:var(--steel); margin-right:6px; }
ul.products li.product .stock{ font-family:'IBM Plex Mono',monospace; font-size:9.5px; color:var(--red); margin-top:5px; display:block; }
ul.products li.product .stock.in-stock{ color:var(--teal); }

ul.products li.product a.button,
ul.products li.product a.add_to_cart_button,
ul.products li.product .added_to_cart{
  margin-top:10px !important; background:var(--graphite) !important; color:#fff !important; border:none !important;
  padding:8px !important; border-radius:3px !important; font-size:12.5px !important; font-weight:700 !important;
  text-align:center !important; width:100%; display:block !important; text-decoration:none;
}
ul.products li.product a.button:hover{ background:var(--copper) !important; }

/* =======================================================
   ORTA BANT (kategori görsel kartları)
======================================================= */
.te-midband{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; padding:30px 22px; max-width:1240px; margin:0 auto; }
.te-midband .b{ border-radius:6px; padding:22px; min-height:140px; display:flex; flex-direction:column; justify-content:flex-end; color:#fff; text-decoration:none; }
.te-midband .b1{ background:linear-gradient(135deg,#2E3742,#1C232B); }
.te-midband .b2{ background:linear-gradient(135deg,#3E7066,#2C534B); }
.te-midband .b3{ background:linear-gradient(135deg,#C2682E,#9C4E20); }
.te-midband .ic{ font-size:30px; margin-bottom:auto; }
.te-midband .nm{ font-size:16px; font-weight:800; }
.te-midband .ct{ font-family:'IBM Plex Mono',monospace; font-size:11px; opacity:0.85; margin-top:2px; }

/* =======================================================
   GÜVEN ŞERİDİ
======================================================= */
.te-trust{ border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#fff; margin-top:14px; }
.te-trust .te-wrap{ max-width:1240px; margin:0 auto; display:grid; grid-template-columns:repeat(4,1fr); }
.te-trust .tcell{ padding:20px 16px; display:flex; gap:10px; align-items:flex-start; border-right:1px solid var(--line); }
.te-trust .tcell:last-child{ border-right:none; }
.te-trust .tcell .ic{ font-size:18px; color:var(--copper); }
.te-trust .tcell .h{ font-size:13px; font-weight:700; }
.te-trust .tcell .d{ font-size:11px; color:var(--steel); margin-top:2px; line-height:1.4; }

/* =======================================================
   FOOTER
======================================================= */
.te-footer{ background:var(--graphite); color:var(--paper); margin-top:8px; }
.te-footer .te-wrap{ max-width:1240px; margin:0 auto; display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; gap:32px; padding:44px 22px 26px; }
.te-footer .te-logo{ color:var(--paper); }
.te-footer p.about{ font-size:12.5px; color:var(--steel); margin-top:10px; line-height:1.6; max-width:250px; }
.te-footer h4{ font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:0.06em; color:var(--steel); text-transform:uppercase; margin:0 0 12px; }
.te-footer ul{ list-style:none; display:flex; flex-direction:column; gap:8px; margin:0; padding:0; }
.te-footer ul a{ font-size:13px; color:#D8DEE2; text-decoration:none; }
.te-footer ul a:hover{ color:var(--copper-soft); }
.te-subfoot{ border-top:1px solid rgba(247,244,238,0.1); padding:16px 22px; display:flex; justify-content:space-between; font-family:'IBM Plex Mono',monospace; font-size:10.5px; color:var(--steel); max-width:1240px; margin:0 auto; flex-wrap:wrap; gap:6px;}

/* Storefront varsayılan bazı öğeleri sadeleştir */
.woocommerce-breadcrumb{ font-family:'IBM Plex Mono',monospace; font-size:11px; color:var(--steel); }
.woocommerce-result-count, .woocommerce-ordering{ font-size:12.5px; }

/* =======================================================
   RESPONSIVE
======================================================= */
@media (max-width:980px){
  ul.products{ grid-template-columns:repeat(3,1fr) !important; }
  .te-promo-grid{ grid-template-columns:1fr; }
  .te-midband{ grid-template-columns:1fr 1fr; }
  .te-trust .te-wrap{ grid-template-columns:repeat(2,1fr); }
  .te-footer .te-wrap{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .te-search{ display:none; }
  ul.products{ grid-template-columns:repeat(2,1fr) !important; gap:10px; }
  .te-promo-main h1{ font-size:23px; }
  .te-promo-side{ flex-direction:row; }
  .te-midband{ grid-template-columns:1fr; }
  .te-trust .te-wrap{ grid-template-columns:1fr; }
  .te-trust .tcell{ border-right:none; border-bottom:1px solid var(--line); }
}

/* =======================================================
   DROPDOWN MENÜ
======================================================= */

/* Her üst menü öğesi */
.te-nav-item{
  position:relative;
  display:flex;
  align-items:stretch;
}

/* Üst menü linki */
.te-nav-item > a{
  display:flex;
  align-items:center;
  gap:5px;
  padding:11px 16px;
  color:#D8DEE2;
  font-size:13.5px;
  font-weight:500;
  text-decoration:none;
  white-space:nowrap;
  transition:color .15s, background .15s;
  line-height:1;
}
.te-nav-item > a:hover,
.te-nav-item:hover > a{
  color:var(--copper-soft);
  background:rgba(255,255,255,0.06);
}

/* Ok ikonu */
.te-arrow{
  font-size:9px;
  opacity:0.6;
  display:inline-block;
  transition:transform .2s;
  line-height:1;
}
.te-nav-item:hover .te-arrow{ transform:rotate(180deg); }

/* Tüm Ürünler linki */
.te-nav-simple{
  display:flex;
  align-items:center;
  padding:11px 16px;
  margin-left:auto;
  color:#D8DEE2;
  font-size:13.5px;
  font-weight:500;
  text-decoration:none;
  white-space:nowrap;
}
.te-nav-simple:hover{ color:var(--copper-soft); }

/* Dropdown panel */
.te-dropdown{
  position:absolute;
  top:100%;
  left:0;
  z-index:9999;
  min-width:200px;
  background:#fff;
  border-top:3px solid var(--copper);
  border-radius:0 0 5px 5px;
  box-shadow:0 8px 28px rgba(28,35,43,0.14);
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease, visibility .18s;
  pointer-events:none;
}
.te-nav-item:hover .te-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  pointer-events:auto;
}

/* Dropdown içi */
.te-dropdown-inner{ padding:8px 0; }

.te-dropdown-col{
  display:flex;
  flex-direction:column;
}

/* "Tüm X →" üst link */
.te-dd-all{
  display:block;
  padding:9px 18px 8px;
  font-size:12px;
  font-weight:700;
  color:var(--copper);
  text-decoration:none;
  border-bottom:1px dashed var(--line);
  margin-bottom:3px;
}
.te-dd-all:hover{ color:var(--teal); }

/* Alt kategori linkleri */
.te-dropdown-col a:not(.te-dd-all){
  display:block;
  padding:7px 18px;
  font-size:13.5px;
  color:var(--graphite-soft);
  text-decoration:none;
  white-space:nowrap;
  transition:background .1s, color .1s;
}
.te-dropdown-col a:not(.te-dd-all):hover{
  background:var(--sand);
  color:var(--copper);
  padding-left:22px;
}

/* Mobil */
@media(max-width:860px){
  .te-catbar .te-wrap{ overflow-x:auto; }
  .te-dropdown{ display:none !important; }
  .te-arrow{ display:none; }
  .te-nav-item > a{ padding:11px 13px; font-size:13px; }
}

/* =======================================================
   MAĞAZA & KATEGORİ SAYFASI
======================================================= */

/* Sidebar tamamen gizle */
#secondary,
.widget-area,
.storefront-sidebar,
aside.woocommerce-sidebar{ display:none !important; }

/* Ana içerik tam genişlik */
#primary,
.site-main,
#main{ width:100% !important; float:none !important; margin:0 !important; }

/* Storefront'un içerik grid'ini sıfırla */
.storefront-full-width-content .entry-content,
.woocommerce-page .site-main{ max-width:100% !important; }

/* Sayfalama */
.woocommerce-pagination ul{
  display:flex; gap:6px; list-style:none; justify-content:center; margin:30px 0; padding:0;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span{
  display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; border:1px solid var(--line); border-radius:3px;
  font-family:'IBM Plex Mono',monospace; font-size:13px; color:var(--graphite);
  text-decoration:none;
}
.woocommerce-pagination ul li a:hover{ background:var(--sand); }
.woocommerce-pagination ul li span.current{ background:var(--graphite); color:#fff; border-color:var(--graphite); }

/* Sıralama ve sonuç sayısı */
.woocommerce-result-count{ font-size:12.5px; color:var(--steel); font-family:'IBM Plex Mono',monospace; }
.woocommerce-ordering select{
  border:1px solid var(--line); border-radius:3px; padding:6px 10px;
  font-size:13px; font-family:'Inter',sans-serif; background:var(--paper); color:var(--graphite);
}

/* =======================================================
   ÜRÜN DETAY SAYFASI
======================================================= */

/* Ürün ana bölümü */
.woocommerce div.product{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:48px !important;
  align-items:start !important;
}

/* Ürün görseli sol */
.woocommerce div.product div.images{
  width:100% !important;
  float:none !important;
}
.woocommerce div.product div.images img{
  border-radius:6px;
  border:1px solid var(--line);
}

/* Ürün bilgisi sağ */
.woocommerce div.product div.summary{
  width:100% !important;
  float:none !important;
  padding:0 !important;
}

/* Ürün başlığı */
.woocommerce div.product .product_title{
  font-family:'Archivo',sans-serif !important;
  font-size:26px !important;
  font-weight:800 !important;
  color:var(--graphite) !important;
  margin:0 0 12px !important;
  line-height:1.2 !important;
}

/* Fiyat */
.woocommerce div.product p.price,
.woocommerce div.product span.price{
  font-family:'IBM Plex Mono',monospace !important;
  font-size:28px !important;
  font-weight:700 !important;
  color:var(--graphite) !important;
  margin:16px 0 !important;
}
.woocommerce div.product p.price del{
  font-size:16px !important;
  color:var(--steel) !important;
  margin-right:10px !important;
}
.woocommerce div.product p.price ins{
  text-decoration:none !important;
  color:var(--graphite) !important;
}

/* Stok durumu */
.woocommerce div.product .stock{
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  margin-bottom:16px;
}
.woocommerce div.product .in-stock{ color:var(--teal); }
.woocommerce div.product .out-of-stock{ color:var(--red); }

/* Sepete ekle alanı */
.woocommerce div.product form.cart{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:20px 0 !important;
  flex-wrap:wrap !important;
}
.woocommerce div.product form.cart .qty{
  width:70px !important;
  padding:12px !important;
  border:1.5px solid var(--graphite) !important;
  border-radius:3px !important;
  font-size:15px !important;
  font-family:'IBM Plex Mono',monospace !important;
  text-align:center !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  background:var(--graphite) !important;
  color:#fff !important;
  border:none !important;
  padding:13px 28px !important;
  border-radius:3px !important;
  font-size:14px !important;
  font-weight:700 !important;
  font-family:'Inter',sans-serif !important;
  cursor:pointer !important;
  transition:background .15s !important;
  flex:1 !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{
  background:var(--copper) !important;
}

/* Ürün meta (kategori, marka, SKU) */
.woocommerce div.product .product_meta{
  font-size:12.5px;
  color:var(--steel);
  border-top:1px dashed var(--line);
  padding-top:14px;
  margin-top:16px;
  font-family:'IBM Plex Mono',monospace;
}
.woocommerce div.product .product_meta a{ color:var(--teal); }

/* Güven rozetleri ürün sayfasında */
.te-product-trust{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin:20px 0;
  background:var(--sand);
  border-radius:5px;
  padding:12px;
}
.te-product-trust .pt{
  text-align:center;
  font-size:11px;
  font-weight:600;
  color:var(--graphite-soft);
  line-height:1.4;
}
.te-product-trust .pt .pi{ font-size:18px; display:block; margin-bottom:4px; }

/* Açıklama ve yorumlar — tam genişlik, grid altında */
.woocommerce div.product .woocommerce-tabs{
  grid-column:1 / -1 !important;
  margin-top:32px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
  display:flex !important;
  gap:4px !important;
  border-bottom:2px solid var(--line) !important;
  padding:0 !important;
  margin:0 0 24px !important;
  list-style:none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  border:none !important;
  background:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:'Inter',sans-serif !important;
  font-weight:600 !important;
  font-size:14px !important;
  padding:10px 18px !important;
  color:var(--steel) !important;
  display:block !important;
  border-bottom:2px solid transparent !important;
  margin-bottom:-2px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--graphite) !important;
  border-bottom-color:var(--copper) !important;
}

/* Breadcrumb */
.woocommerce-breadcrumb{
  font-family:'IBM Plex Mono',monospace !important;
  font-size:11.5px !important;
  color:var(--steel) !important;
  margin-bottom:16px !important;
}
.woocommerce-breadcrumb a{ color:var(--teal) !important; }

/* Mobil */
@media(max-width:720px){
  .woocommerce div.product{ grid-template-columns:1fr !important; gap:24px !important; }
  .te-product-trust{ grid-template-columns:repeat(2,1fr); }
}

/* Storefront varsayılan sıralama ve sonuç sayısını gizle */
.woocommerce-ordering,
.woocommerce-result-count{ display:none !important; }