/*
Theme Name: عطر ایده آل
Theme URI: https://idealfragrance.ir
Author: Ideal Perfume
Description: قالب فروشگاه عطر ایده آل
Version: 1.0.1
Text Domain: ideal-perfume
*/

:root{--bg:#0a0a10;--card:#181620;--navy:#a9c8ea;--blue:#faf9fc;--text:#faf9fc;--muted:#b9b6c7;--line:#343142;--accent:#cdb4db;--gold:#cdb4db}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.9}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
.container{width:min(1180px,92%);margin:auto}
header{height:76px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(11,13,17,.94);backdrop-filter:blur(14px);z-index:10}
.header{height:100%;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:900;font-size:22px;letter-spacing:1px}.logo i{color:var(--accent);font-style:normal}
nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--accent)}
.hero{min-height:600px;display:flex;align-items:center;text-align:center;background:radial-gradient(circle at 50% 30%,#b5c9e7 0,transparent 30%),linear-gradient(135deg,#09090e,#a9c8ea,#0b0a10)}
.hero .inner{width:100%}.eyebrow{color:var(--accent);letter-spacing:3px;font-size:12px}
h1{font-size:clamp(42px,7vw,78px);line-height:1.15;margin:15px 0}.hero p{color:#d9d7e2;max-width:650px;margin:0 auto 28px}
.btn{display:inline-block;border:1px solid var(--gold);padding:10px 24px;margin:4px}.primary{background:var(--accent);color:#111}
section{padding:80px 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font-size:32px;margin:4px 0}
.muted{color:var(--muted)}
.categories,.products,.steps{display:grid;gap:18px}.categories{grid-template-columns:repeat(3,1fr)}
.category{min-height:190px;border:1px solid var(--line);padding:28px;background:linear-gradient(145deg,#24202d,#171e2a);display:flex;flex-direction:column;justify-content:end}
.category h3{font-size:25px;margin:4px 0}.category small{color:var(--accent)}
.products{grid-template-columns:repeat(3,1fr)}.product{background:var(--card);border:1px solid var(--line);transition:.2s}.product:hover{transform:translateY(-4px);border-color:#9fc5ee}
.bottle{height:270px;display:grid;place-items:center;background:radial-gradient(circle,#b6cce9,#1b1923 55%,#090b0e)}
.bottle:before{content:"";display:block;width:105px;height:170px;border-radius:22px 22px 15px 15px;background:linear-gradient(90deg,#14283e,#b9dcf5,#14283e);box-shadow:0 25px 50px #000;}
.bottle span{position:absolute;color:#ddd;font-size:9px;letter-spacing:2px;transform:translateY(15px)}
.info{padding:18px}.info small{color:var(--accent);font-size:11px}.info h3{margin:4px 0;font-size:19px}.info p{margin:0;color:var(--muted);font-size:12px}
.info button{margin-top:12px;background:none;color:#fff;border:1px solid var(--line);padding:7px 15px;font-size:12px}.info button:hover{border-color:var(--accent);color:var(--accent)}
.steps{grid-template-columns:repeat(4,1fr)}.step{padding:25px;border:1px solid var(--line);background:#16151d}.num{color:var(--accent);font-size:27px}
.cta{text-align:center;background:#a9c8ea;border-block:1px solid var(--line)}
footer{padding:45px 0;border-top:1px solid var(--line);color:var(--muted)}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);padding:7px 16px;color:#bbb;background:none}.filter.active,.filter:hover{border-color:var(--accent);color:var(--accent)}
.page{display:none}.page.active{display:block}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.75);display:none;place-items:center;z-index:30;padding:20px}.modal.show{display:grid}.modalbox{width:min(560px,100%);background:#1c1a26;border:1px solid #7e7890;padding:30px;position:relative}.close{position:absolute;left:15px;top:10px;background:none;border:0;color:#fff;font-size:25px}

.manager-card{background:var(--card);border:1px solid var(--line);padding:24px;border-radius:16px;max-width:900px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#dbe8f2}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select{background:#0f0e15;border:1px solid var(--line);color:var(--text);padding:11px;border-radius:8px;outline:none}.manager-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.danger{border-color:#6c4050!important;color:#f0b8c6!important}
@media(max-width:800px){nav{display:none}.products,.categories{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}}
@media(max-width:520px){.products,.categories,.steps{grid-template-columns:1fr}section{padding:55px 0}}

.hero-badges{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:18px 0 24px}.hero-badges span{border:1px solid rgba(212,175,55,.55);background:rgba(255,255,255,.06);padding:8px 16px;border-radius:999px;font-size:13px;color:#faf9fc}.contact-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border:1px solid var(--line);border-radius:10px;background:#16151d}.social-btn:hover{border-color:var(--accent);color:var(--accent)}.whatsapp{background:#17251f;border-color:#567663}.bale{background:#eef5ff;border-color:#86aee8;color:#1e5aa8}.instagram{background:#221b2b}.phone{background:#18212d}
.tab-count{display:none}.filter,.brand-tab{white-space:nowrap}.size-title .selected-count{margin-right:auto;color:var(--gold);font-size:13px;font-weight:700;min-height:20px}.size-title .selected-count.show{display:inline-block}
/* Glassmorphism for the popular products section */
.products .product{
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.28);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  overflow:hidden;
}
.products .product:hover{
  transform:translateY(-7px);
  border-color:rgba(205,180,219,.75);
  box-shadow:0 24px 55px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.3);
}
.products .bottle{
  background:radial-gradient(circle at 50% 40%,rgba(205,180,219,.32),rgba(255,255,255,.035) 50%,rgba(0,0,0,.12) 100%);
  border-bottom:1px solid rgba(255,255,255,.16);
}
.products .info{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));}

/* Final visual refinements */
.hero.hero-image{min-height:560px!important;height:560px!important;display:flex;align-items:center;background:#f7eafb!important;}
.hero.hero-image:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(254,234,250,.97) 0%,rgba(255,255,255,.88) 30%,rgba(255,255,255,.28) 51%,rgba(255,255,255,.03) 68%),url("../assets/ideal-perfume-banner.jpg")!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;filter:saturate(1.16) contrast(1.05)!important;z-index:0;}
.hero.hero-image:after{display:none!important}
.hero.hero-image .container{position:relative;z-index:2;width:100%;}
.hero.hero-image .hero-content{max-width:650px;margin-left:auto;margin-right:0;text-align:left;padding:30px 0;}
.hero.hero-image h1{color:#17151f!important;text-shadow:0 4px 18px rgba(255,255,255,.45)!important;font-size:clamp(48px,7vw,82px)!important;}
.hero.hero-image p{color:#4e5060!important;margin-left:0;margin-right:0;}
.hero.hero-image .hero-badges{justify-content:flex-start;}
.hero.hero-image .hero-badges span{background:rgba(255,255,255,.78)!important;color:#17151f!important;border-color:#cbc0d3!important;backdrop-filter:blur(5px);}
.hero-actions{display:flex;gap:10px;justify-content:flex-start;flex-wrap:wrap}
.hero-actions .btn{margin:0}
.quick-contact{padding:18px 0 8px!important;background:transparent!important}
.quick-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:rgba(255,255,255,.72);border:1px solid rgba(203,192,211,.7);border-radius:22px;padding:12px;box-shadow:0 16px 40px rgba(143,113,145,.12);backdrop-filter:blur(12px)}
.quick-item{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 12px;border-left:1px solid rgba(203,192,211,.55);color:#17151f}
.quick-item:last-child{border-left:0}.quick-item img,.contact-icon{width:48px;height:48px;object-fit:cover;border-radius:50%;flex:none}.quick-item span{display:flex;flex-direction:column;line-height:1.5}.quick-item b{font-size:14px}.quick-item small{font-size:12px;color:#6f7180;direction:ltr;text-align:right}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.contact-card{display:flex;align-items:center;gap:15px;padding:20px;border-radius:18px;background:linear-gradient(145deg,#fff,#fe eafa);background:linear-gradient(145deg,#fff,#FEEAFA);border:1px solid #CBC0D3;box-shadow:0 12px 30px rgba(143,113,145,.1);color:#17151f}.contact-card:hover{transform:translateY(-4px);border-color:#8E9AAF}.contact-card div{display:flex;flex-direction:column;gap:3px}.contact-card b{font-size:15px}.contact-card strong{font-size:16px;color:#d90076;direction:ltr;text-align:right}.contact-card small{font-size:11px;color:#6f7180}.phone-icon{display:grid;place-items:center;background:#ec167a;color:white;font-size:25px}
@media(max-width:800px){.hero.hero-image{min-height:600px!important;height:600px!important;align-items:flex-end}.hero.hero-image:before{background-image:linear-gradient(180deg,rgba(254,234,250,.12) 0%,rgba(255,255,255,.26) 46%,rgba(254,234,250,.92) 100%),url("../assets/ideal-perfume-banner.jpg")!important;background-position:center top!important}.hero.hero-image .hero-content{max-width:100%;margin:0;text-align:center;padding:25px 0 15px}.hero.hero-image .hero-badges,.hero-actions{justify-content:center}.quick-contact-grid{grid-template-columns:repeat(2,1fr)}.quick-item{border-left:0}.contact-grid{grid-template-columns:1fr}}
@media(max-width:520px){.hero.hero-image{min-height:620px!important;height:620px!important}.quick-contact-grid{grid-template-columns:1fr}.quick-item{justify-content:flex-start}.contact-card{padding:16px}}


/* Final header/logo/banner correction */
header{background:#fff!important;border-bottom:1px solid #eee8f2!important;box-shadow:0 8px 24px rgba(23,36,58,.08)!important;}
.logo{background:#fff!important;border-radius:8px!important;padding:2px 6px!important;display:flex!important;align-items:center!important;}
.logo img{display:block!important;height:58px!important;width:auto!important;object-fit:contain!important;background:#fff!important;}
.hero.hero-image:before{background-image:linear-gradient(90deg,rgba(254,234,250,.38) 0%,rgba(255,255,255,.12) 42%,rgba(222,226,255,.08) 100%),url("<?php echo esc_url(get_theme_file_uri('/assets/ideal-perfume-banner-clean.jpg')); ?>")!important;filter:none!important;}
@media(max-width:800px){.logo img{height:52px!important}.logo{background:#fff!important}.hero.hero-image:before{background-image:linear-gradient(180deg,rgba(254,234,250,.12) 0%,rgba(255,255,255,.25) 46%,rgba(254,234,250,.72) 100%),url("<?php echo esc_url(get_theme_file_uri('/assets/ideal-perfume-banner-clean.jpg')); ?>")!important;}}

/* Match Bale quick-contact tile to the other contact tiles */
.quick-contact-grid .quick-item.bale,
.quick-contact-grid .quick-item.bale:hover,
.quick-contact-grid .quick-item.bale:focus {
  background: #FEEAFA !important;
  border-color: rgba(203,192,211,.55) !important;
  color: #17151F !important;
}
.quick-contact-grid .quick-item.bale small { color:#6F7180 !important; }

/* Final popular-products skin: show only the real WooCommerce product image */
.products .featured-product .bottle{
  height:270px!important;
  min-height:270px!important;
  margin:0!important;
  border:0!important;
  border-radius:22px 22px 0 0!important;
  background:linear-gradient(145deg,#f0e5f3,#eadff0 55%,#ddd3e3)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  position:relative!important;
}
.products .featured-product .bottle:before,
.products .featured-product .bottle span{display:none!important;content:none!important;}
.products .featured-product .bottle img,
.products .featured-product .bottle .woo-product-real-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:3!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.products .featured-product .info{
  min-height:165px;
  box-sizing:border-box;
  background:#fff!important;
  padding:20px 22px 18px!important;
}
.products .featured-product .info small{color:#c5b8cb!important}
.products .featured-product .info h3{color:#17151f!important}
.products .featured-product .info p{color:#6f7180!important}
.products .featured-product .info button{
  color:#17151f!important;
  border-color:#cbbbd3!important;
  background:#fff!important;
  border-radius:9px!important;
}
.products .featured-product .info button:hover{color:#8e718f!important;border-color:#a98caf!important}
@media(max-width:800px){
  .products .featured-product .bottle{height:220px!important;min-height:220px!important}
  .products .featured-product .info{min-height:150px;padding:16px!important}
}