/*
Theme Name: Lotus Dental
Theme URI: https://lotusdental.ir
Author: Lotus Dental
Description: قالب فارسی و راست‌به‌چپ فروشگاه مواد و تجهیزات دندانپزشکی لوتوس دنتال. سازگار با ووکامرس.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lotus-dental
*/

:root{
  --ink:#0c0b09; --panel:#15130f; --panel-2:#1c1914; --line:#2e2920;
  --gold:#c9a15b; --gold-hi:#ecd7a8; --gold-lo:#8a6a35;
  --text:#ece6d8; --muted:#a39a87;
  --font:'Vazirmatn',Tahoma,'Segoe UI',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.9}
img{max-width:100%;height:auto}
a{color:var(--gold-hi);text-decoration:none}
a:hover{color:#fff}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
h1,h2,h3,h4{line-height:1.5;margin:0 0 .6em;font-weight:700}
.wrap{width:min(1180px,100% - 2rem);margin-inline:auto}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* دکمه‌ها */
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt{
  display:inline-block;padding:.65rem 1.5rem;border:1px solid var(--gold);border-radius:4px;cursor:pointer;
  background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo));color:#17120a;
  font:700 .95rem var(--font);transition:filter .2s}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{filter:brightness(1.1);color:#17120a;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 55%,var(--gold-lo))}
.btn--ghost{background:transparent;color:var(--gold-hi);border-color:var(--gold-lo)}
.btn--ghost:hover{background:var(--panel-2);color:#fff}

/* خط جداکننده با لوزی، مثل کارت ویزیت */
.rule{height:1px;margin:0;border:0;background:linear-gradient(90deg,transparent,var(--gold),transparent);position:relative;overflow:visible}
.rule::after{content:"";position:absolute;inset-block-start:-4px;inset-inline-start:50%;width:8px;height:8px;background:var(--gold);transform:translateX(50%) rotate(45deg)}

/* هدر */
.site-header{position:sticky;top:0;z-index:50;background:rgba(12,11,9,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:1.5rem;min-height:76px}
.brand img{height:60px;width:auto;display:block;mix-blend-mode:lighten}
.primary-nav{flex:1}
.primary-nav ul{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0}
.primary-nav a{color:var(--text);font-weight:500;padding:.25rem 0;border-bottom:2px solid transparent}
.primary-nav a:hover,.primary-nav .current-menu-item>a{color:var(--gold-hi);border-color:var(--gold)}
.actions{display:flex;align-items:center;gap:.75rem}
.search-form{display:flex}
.search-form input[type=search]{width:170px;padding:.45rem .8rem;border:1px solid var(--line);border-inline-end:0;border-radius:4px 0 0 4px;background:var(--panel);color:var(--text);font:inherit;font-size:.9rem}
.search-form button{padding:.45rem .9rem;border:1px solid var(--gold-lo);border-radius:0 4px 4px 0;background:var(--panel-2);color:var(--gold-hi);font:inherit;font-size:.9rem;cursor:pointer}
.cart-link{display:inline-flex;gap:.4rem;align-items:center;padding:.4rem .9rem;border:1px solid var(--gold-lo);border-radius:4px;color:var(--gold-hi);font-size:.9rem}
.cart-count{min-width:1.5rem;text-align:center;border-radius:99px;background:var(--gold);color:#17120a;font-weight:700;font-size:.8rem;line-height:1.5rem}
.nav-toggle{display:none;padding:.4rem .9rem;border:1px solid var(--gold-lo);border-radius:4px;background:transparent;color:var(--gold-hi);font:inherit;cursor:pointer}

/* هیرو */
.hero{padding:4.5rem 0 4rem;background:radial-gradient(ellipse 55% 70% at 20% 50%,rgba(201,161,91,.14),transparent 70%)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:.2em;background:linear-gradient(180deg,var(--gold-hi),var(--gold) 60%,var(--gold-lo));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{font-size:1.35rem;font-weight:500;margin:0 0 1rem}
.hero p{max-width:34em;color:var(--muted);margin:0 0 2rem}
.hero .cta{display:flex;flex-wrap:wrap;gap:.75rem}
.hero-logo img{width:100%;max-width:480px;margin-inline:auto;display:block;mix-blend-mode:lighten;animation:rise 1.2s ease both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* بخش‌ها */
.section{padding:4rem 0}
.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.75rem;gap:1rem}
.section-head h2{font-size:1.7rem;margin:0}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}
.cat{display:block;padding:1.4rem 1.25rem;background:var(--panel);border:1px solid var(--line);border-inline-start:3px solid var(--gold-lo);border-radius:6px;color:var(--text);transition:border-color .2s,background .2s}
.cat:hover{background:var(--panel-2);border-color:var(--gold);color:#fff}
.cat strong{display:block;font-size:1.05rem}
.cat span{color:var(--muted);font-size:.88rem}

.info{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.info dl{margin:0}
.info dt{color:var(--gold);font-size:.9rem;margin-top:1rem}
.info dt:first-child{margin-top:0}
.info dd{margin:0}
.info .who{font-size:1.15rem;font-weight:700}
.info a[href^=tel]{direction:ltr;unicode-bidi:embed;display:inline-block}

/* محتوای صفحات */
.content{padding:3rem 0 4rem}
.content h1{font-size:2rem}
.entry{max-width:46rem}
.post-item{padding:1.5rem 0;border-bottom:1px solid var(--line)}
.post-item h2{font-size:1.3rem;margin:0 0 .3em}

/* فوتر */
.site-footer{margin-top:2rem;background:var(--panel);border-top:1px solid var(--line);padding:3rem 0 1.5rem}
.foot{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2.5rem}
.foot h3{font-size:1rem;color:var(--gold)}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin-bottom:.3rem}
.foot p{margin:0;color:var(--muted)}
.foot .tel{direction:ltr;unicode-bidi:embed;display:inline-block}
.copy{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}

/* ووکامرس */
.woocommerce ul.products,ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25rem;list-style:none;margin:0;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after,ul.products::before,ul.products::after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:none;width:auto;margin:0;padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;text-align:start}
.woocommerce ul.products li.product:hover{border-color:var(--gold-lo)}
.woocommerce ul.products li.product img{margin:0 0 .8rem;border-radius:4px;background:#fff}
.woocommerce-loop-product__title{font-size:1rem!important;color:var(--text);padding:0!important}
.woocommerce ul.products li.product .button{margin-top:auto;text-align:center}
.price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold-hi)!important;font-weight:700}
.price del{color:var(--muted)}
.price ins{background:none}
.woocommerce span.onsale{inset:.6rem auto auto .6rem;min-width:0;min-height:0;padding:.1rem .7rem;line-height:1.8;border-radius:99px;background:var(--gold);color:#17120a}
.woocommerce-breadcrumb,.woocommerce-result-count{color:var(--muted);font-size:.9rem}
.woocommerce-ordering select,.woocommerce .quantity .qty,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single{
  background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:.55rem .8rem;font:inherit}
.woocommerce div.product div.images img{background:#fff;border-radius:6px}
.woocommerce div.product .product_title{font-size:1.8rem}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:var(--panel);border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--panel-2);border-bottom-color:var(--panel-2)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--text)}
.woocommerce div.product .woocommerce-tabs .panel{color:var(--text)}
.woocommerce table.shop_table,.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)!important;color:var(--text)}
.woocommerce table.shop_table{background:var(--panel);border-radius:6px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--panel);color:var(--text);border-top-color:var(--gold)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)}
.woocommerce #payment,.woocommerce-checkout #payment{background:var(--panel);border-radius:6px}
.woocommerce-checkout #payment div.payment_box{background:var(--panel-2);color:var(--text)}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--panel-2)}
.woocommerce nav.woocommerce-pagination ul,.woocommerce nav.woocommerce-pagination ul li{border-color:var(--line)}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{color:var(--text);background:transparent}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--gold);color:#17120a}

/* موبایل */
@media (max-width:860px){
  .hero .wrap,.info,.foot{grid-template-columns:1fr}
  .hero-logo{order:-1}
  .hero-logo img{max-width:280px}
  .nav-toggle{display:inline-block;margin-inline-start:auto}
  .primary-nav{display:none;position:absolute;inset-inline:0;top:100%;background:var(--ink);border-bottom:1px solid var(--line);padding:1rem}
  .primary-nav.open{display:block}
  .primary-nav ul{flex-direction:column;gap:.5rem}
  .bar{flex-wrap:wrap;gap:1rem}
  .search-form input[type=search]{width:120px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}