/*
Theme Name: Doodino
Theme URI: https://example.com/
Author: Mehdi
Author URI: https://example.com/
Description: Custom WooCommerce theme for Doodino (local development)
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: doodino
*/

/* Global background */
html, body {
  min-height: 100%;
}

body {
  margin: 0;
  background: #000;
  color: #fff;
}
html, body { overflow-x: hidden; }


/* ===================== Vazir Font ===================== */

@font-face {
  font-family: 'Vazir';
  src: url('assets/fonts/vazir.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazir';
  src: url('assets/fonts/vazir-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Vazir';
  src: url('assets/fonts/Vazir-Medium.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
html, body {
  font-family: 'Vazir', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
}



/* صفحه محصول */
.ddsp2{ direction:rtl; padding:72px 0; }
.ddsp2__inner{ width:min(1380px,92%); margin:0 auto; }

.ddsp2__card{
  display:grid;
  grid-template-columns: 520px 1fr;
  gap:28px;
  border-radius:28px;
  padding:26px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 34px 110px rgba(0,0,0,.58);
  position:relative;
  overflow:hidden;
}
.ddsp2__card:before{
  content:'';
  position:absolute; inset:-110px;
  background:
    radial-gradient(900px 420px at 15% 0%, rgba(122,44,255,.26), transparent 60%),
    radial-gradient(900px 420px at 85% 10%, rgba(0,200,255,.14), transparent 60%),
    radial-gradient(700px 500px at 50% 120%, rgba(255,255,255,.10), transparent 60%);
  filter: blur(46px);
  pointer-events:none;
}
.ddsp2__media,.ddsp2__info{ position:relative; z-index:2; min-width:0; }

/* ===== Gallery ===== */
.ddsp2__main{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.22);
  box-shadow: 0 26px 80px rgba(0,0,0,.50);
  padding:16px;
}
.ddsp2__mainimg{
  width:100%;
  height:340px;           /* ✅ ثابت و تمیز */
  display:block;
  object-fit: contain;    /* ✅ برای محصول بهتره */
  border-radius:18px;
  background: rgba(255,255,255,.04);
  transition: opacity .18s ease, transform .25s ease, filter .25s ease;
}
.ddsp2__main.is-switching .ddsp2__mainimg{
  opacity:.25;
  transform: scale(.985);
  filter: blur(1px);
}
.ddsp2__shine{
  position:absolute;
  inset:0;
  background: radial-gradient(800px 240px at 20% 10%, rgba(255,255,255,.10), transparent 60%);
  pointer-events:none;
}
.ddsp2__stock{
  position:absolute;
  top:16px; right:16px;
  font-weight:1000;
  font-size:12px;
  padding:8px 10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.35);
}
.ddsp2__stock.is-in{ color:#8bffb0; }
.ddsp2__stock.is-out{ color:#ff8b8b; }

.ddsp2__thumbs{
  margin-top:12px;
  display:grid;                 /* ✅ منظم‌تر از flex */
  grid-template-columns: repeat(6, 1fr);
  gap:10px;
}
.ddsp2__thumb{
  position:relative;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  border-radius:18px;
  padding:7px;
  cursor:pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  outline:none;
}
.ddsp2__thumb:hover{
  transform: translateY(-2px);
  border-color: rgba(122,44,255,.38);
  box-shadow: 0 12px 26px rgba(0,0,0,.28);
}
.ddsp2__thumb img{
  width:100%;
  height:62px;
  object-fit: cover;          /* ✅ thumbها پر و تمیز */
  border-radius:14px;
  display:block;
}
.ddsp2__thumbRing{
  position:absolute;
  inset:0;
  border-radius:18px;
  border:2px solid transparent;
  pointer-events:none;
}
.ddsp2__thumb.is-active .ddsp2__thumbRing{
  border-color: rgba(122,44,255,.55);
  box-shadow: 0 0 0 6px rgba(122,44,255,.10);
}
.ddsp2__thumb:focus-visible{
  box-shadow: 0 0 0 4px rgba(122,44,255,.22);
}

/* ===== Info: شلوغ‌تر و مرتب‌تر ===== */
.ddsp2__kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color: rgba(255,255,255,.78);
  font-weight:1000;
  font-size:12px;
}
.ddsp2__dot{
  width:10px;height:10px;border-radius:999px;
  background:#7a2cff;
  box-shadow: 0 0 18px rgba(122,44,255,.7);
}
.ddsp2__rating{
  margin-right:auto;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:14px;
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.12);
}
.ddsp2__stars{ color:#ffd24a; letter-spacing:1px; }
.ddsp2__rc{ opacity:.65; }

.ddsp2__title{
  margin:12px 0 0;
  font-size:30px;
  font-weight:1100;
  line-height:1.35;
}
.ddsp2__price{
  margin:12px 0 10px;
  font-size:18px;
  font-weight:1100;
  display:flex;
  gap:12px;
  align-items:baseline;
  flex-wrap:wrap;
}
.ddsp2__price ins{ text-decoration:none; color:#7a2cff; font-weight:1100; }
.ddsp2__price del{ opacity:.55; font-weight:950; }

.ddsp2__excerpt{
  opacity:.88;
  line-height:2;
  margin-top:10px;
  max-width: 680px;
}
.ddsp2__badges{
  margin-top:16px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.ddsp2__badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:16px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  font-weight:1000;
  font-size:13px;
  transition: transform .18s ease, border-color .18s ease;
}
.ddsp2__badge:hover{
  transform: translateY(-2px);
  border-color: rgba(122,44,255,.35);
}

/* ===== Qty + ATC ===== */
.ddsp2__cart{ margin-top:16px; display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ddsp2__qty{
  display:flex; align-items:center; gap:10px;
  padding:10px;
  border-radius:20px;
  background: rgba(0,0,0,.20);
  border:1px solid rgba(255,255,255,.12);
}
.ddsp2__qbtn{
  width:44px; height:44px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  font-weight:1200;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.ddsp2__qbtn:hover{ transform: translateY(-1px); border-color: rgba(122,44,255,.35); background: rgba(122,44,255,.10); }

.ddsp2__qtyfield .qty{
  width:84px;
  height:44px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(0,0,0,.15);
  color:#fff;
  text-align:center;
  outline:0;
  font-weight:1100;
  -moz-appearance: textfield;
}
.ddsp2__qtyfield .qty::-webkit-outer-spin-button,
.ddsp2__qtyfield .qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

.ddsp2__atc{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  border:0 !important;
  border-radius:20px !important;
  padding:14px 18px !important;
  font-weight:1200 !important;
  background: linear-gradient(135deg,#7a2cff,#5e15da) !important;
  box-shadow: 0 20px 46px rgba(122,44,255,.22) !important;
  cursor:pointer !important;
  transition: transform .18s ease, filter .18s ease;
  font-family: 'Vazir';
  color: #fff !important;
}
.ddsp2__atc:hover{ transform: translateY(-2px); filter: brightness(1.05); }
.ddsp2__atcico svg{ width:18px; height:18px; fill:#fff; display:block; }

.ddsp2__meta{
  margin-top:16px;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  opacity:.82;
  font-weight:950;
}
.ddsp2__meta > div{
  padding:10px 12px;
  border-radius:16px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
}

/* Tabs */
.ddsp2__tabs{
  margin-top:18px;
  border-radius:28px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  box-shadow: 0 26px 90px rgba(0,0,0,.52);
  overflow:hidden;
}
.ddsp2__tabbar{
  display:flex; gap:10px; padding:12px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.ddsp2__tabbtn{
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color:#fff;
  font-weight:1200;
  padding:12px 14px;
  border-radius:18px;
  cursor:pointer;
  opacity:.86;
  transition: transform .15s ease, border-color .15s ease, opacity .15s ease;
  font-family: 'Vazir';
}
.ddsp2__tabbtn:hover{ transform: translateY(-1px); opacity:1; border-color: rgba(122,44,255,.35); }
.ddsp2__tabbtn.is-active{
  background: rgba(122,44,255,.16);
  border-color: rgba(122,44,255,.45);
  box-shadow: 0 0 22px rgba(122,44,255,.18);
  opacity:1;
}
.ddsp2__panes{ padding:16px; }
.ddsp2__pane{ display:none; }
.ddsp2__pane.is-active{ display:block; }
.ddsp2__paneinner{ opacity:.9; line-height:2; }

@media (max-width: 1100px){
  .ddsp2__thumbs{ grid-template-columns: repeat(5, 1fr); }
}
@media (max-width: 980px){
  .ddsp2__card{ grid-template-columns:1fr; }
  .ddsp2__mainimg{ height:320px; }
}
@media (max-width: 560px){
  .ddsp2__thumbs{ grid-template-columns: repeat(4, 1fr); }
}

.dd-btn--primary{
  font-family: 'Vazir';
}