/*
Theme Name: Asal Studio (هنرکده عسل)
Theme URI: https://asalstudio.ir
Author: Asal Art Studio
Description: قالب پاستلی و کودک‌پسند برای فروشگاه کاردستی، اوریگامی و پک‌های آموزشی ویدئویی. راست‌چین و سازگار با ووکامرس.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: asal-studio
*/

/* ===== فونت‌ها (فایل‌ها را در assets/fonts بگذارید؛ راهنما در README) ===== */
@font-face{font-family:'Shabnam';src:local('Shabnam'),url('assets/fonts/Shabnam.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Shabnam';src:local('Shabnam Bold'),url('assets/fonts/Shabnam-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Nunito';src:local('Nunito'),url('assets/fonts/Nunito.woff2') format('woff2');font-weight:200 1000;font-display:swap}

/* ===== رنگ‌های برند ===== */
:root{
	--pink:#F48FB1; --purple:#9B7ED6; --yellow:#FFD166; --mint:#A7D8C9; --blue:#A7D8F0;
	--pink-soft:#FDEFF1; --purple-soft:#EFE7FB; --yellow-soft:#FFF4D6; --mint-soft:#E3F4EE; --blue-soft:#E3F3FB;
	--ink:#3B1D5E; --purple-deep:#6B3FA0; --text:#4A3B5C; --muted:#7D6F8F;
	--bg:#FFF7FA; --card:#fff; --line:#F0DCE8;
	--radius:24px; --radius-s:14px;
	--shadow:0 10px 30px rgba(155,126,214,.16); --shadow-s:0 4px 14px rgba(155,126,214,.14);
	--font:'Shabnam','Vazirmatn',Tahoma,sans-serif;
}

/* ===== پایه ===== */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
	margin:0;font-family:var(--font);font-size:16px;line-height:1.9;color:var(--text);direction:rtl;
	background:var(--bg) radial-gradient(900px 400px at 100% 0,#FFE3EE 0,transparent 70%) no-repeat;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--purple-deep);text-decoration:none}
a:hover{color:var(--pink)}
h1,h2,h3,h4{color:var(--ink);line-height:1.5;margin:0 0 .5em}
p{margin:0 0 1em}
ul{padding:0}
:focus-visible{outline:3px solid var(--purple);outline-offset:3px;border-radius:8px}
.container{width:min(1180px,100% - 32px);margin-inline:auto}
.container.narrow,.narrow{max-width:820px}
.skip-link{position:absolute;top:-60px;right:10px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:10px;z-index:999}
.skip-link:focus{top:10px;color:#fff}

/* ===== دکمه‌ها ===== */
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.wp-block-button__link{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	background:var(--pink);color:var(--ink);font-family:var(--font);font-weight:700;font-size:1rem;line-height:1.4;
	padding:12px 26px;border:0;border-radius:999px;cursor:pointer;box-shadow:0 6px 0 rgba(107,63,160,.18);
	transition:transform .15s,box-shadow .15s,background .15s;
}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button:hover{
	background:#f77fa6;color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 0 rgba(107,63,160,.2)
}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(107,63,160,.2)}
.btn-purple{background:var(--purple);color:#fff}
.btn-purple:hover{background:#8a6bcb;color:#fff}
.btn-small{padding:8px 18px;font-size:.92rem}
.woocommerce a.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.5}

/* ===== هدر ===== */
.topbar{background:var(--purple);color:#fff;text-align:center;font-size:.88rem;padding:6px 12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:2px dashed var(--line)}
.admin-bar .site-header{top:32px}
.header-inner{display:flex;align-items:center;gap:20px;padding:10px 0}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}
.brand img{border-radius:14px}
.brand-text{display:flex;flex-direction:column;line-height:1.2}
.brand-text strong{font-size:1.35rem;color:var(--purple-deep)}
.brand-text small{font-family:'Nunito',sans-serif;font-weight:700;color:var(--pink);font-size:.82rem;letter-spacing:.02em}
.header-panel{display:flex;align-items:center;gap:18px;flex:1}
.main-nav{flex:1}
.main-nav .menu{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.main-nav a{display:block;padding:8px 16px;border-radius:999px;color:var(--ink);font-weight:700}
.main-nav a:hover,.main-nav .current-menu-item>a{background:var(--pink-soft);color:var(--purple-deep)}
.main-nav .sub-menu{display:none}
.header-search{display:flex;background:var(--pink-soft);border-radius:999px;padding:3px 3px 3px 12px;border:2px solid transparent}
.header-search:focus-within{border-color:var(--purple)}
.header-search input{border:0;background:transparent;font-family:var(--font);font-size:.95rem;padding:6px 14px;width:170px;color:var(--ink);outline:0}
.header-search button{border:0;background:#fff;border-radius:50%;width:36px;height:36px;cursor:pointer}
.header-actions{display:flex;gap:8px}
.icon-btn{position:relative;width:44px;height:44px;border-radius:50%;background:var(--purple-soft);color:var(--purple-deep);display:grid;place-items:center}
.icon-btn:hover{background:var(--purple);color:#fff}
.asal-cart-count{position:absolute;top:-4px;left:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--pink);color:var(--ink);font-size:.75rem;font-weight:700;line-height:20px;text-align:center}
.nav-toggle{display:none;background:var(--purple-soft);border:0;border-radius:14px;width:46px;height:46px;cursor:pointer;margin-inline-start:auto;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.nav-toggle span{display:block;width:22px;height:3px;background:var(--purple-deep);border-radius:3px}

/* ===== قهرمان ===== */
.hero{padding:28px 0 8px}
.hero-inner{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:center}
.pill{display:inline-block;background:var(--yellow-soft);color:#8a6200;font-weight:700;font-size:.9rem;padding:4px 16px;border-radius:999px;margin-bottom:14px}
.hero h1{font-size:clamp(2.4rem,5vw,3.8rem);color:var(--purple-deep);margin-bottom:.15em}
.hero .slogan{font-size:1.5rem;font-weight:700;color:var(--pink);margin-bottom:.5em}
.hero .lead{font-size:1.1rem;max-width:30em}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.hero-art{background:#FDEFF1;border-radius:36px;overflow:hidden;box-shadow:var(--shadow);border:4px solid #fff}

/* ===== نشان‌ها ===== */
.badges{padding:18px 0}
.badges-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:760px}
.badges-inner img{width:100%;max-width:150px;margin-inline:auto;transition:transform .2s}
.badges-inner img:hover{transform:rotate(-4deg) scale(1.06)}

/* ===== بخش‌ها ===== */
.section{padding:48px 0}
.section.tight{padding:12px 0 24px}
.section-soft{background:linear-gradient(180deg,rgba(253,239,241,.7),rgba(239,231,251,.6))}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.section-head h2{font-size:clamp(1.5rem,3vw,2rem);margin:0}
.section-head p{margin:0;color:var(--muted)}
.section-sub{color:var(--muted);margin-top:-12px}
.more{font-weight:700;background:#fff;padding:6px 18px;border-radius:999px;box-shadow:var(--shadow-s)}
.admin-note{background:var(--yellow-soft);border:2px dashed var(--yellow);border-radius:var(--radius-s);padding:12px 18px;color:#7a5a00}

.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px}
.cat-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;border-radius:var(--radius);text-align:center;color:var(--ink);box-shadow:var(--shadow-s);transition:transform .2s}
.cat-card:hover{transform:translateY(-6px) rotate(-1deg);color:var(--ink)}
.cat-icon{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.75);display:grid;place-items:center;font-size:2.6rem;overflow:hidden}
.cat-icon img{width:100%;height:100%;object-fit:cover}
.cat-card strong{font-size:1.05rem}
.c-pink{background:#FFD9E6}.c-purple{background:#E4D8F8}.c-yellow{background:#FFEDB8}.c-mint{background:#CDEBE1}.c-blue{background:#CFEAF8}

.wide-banner{display:block;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);border:4px solid #fff;transition:transform .2s}
.wide-banner:hover{transform:scale(1.01)}
.wide-banner img{width:100%}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{border-radius:var(--radius);padding:28px 24px;text-align:center;box-shadow:var(--shadow-s)}
.step .num{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 12px;border-radius:50%;background:#fff;color:var(--purple-deep);font-weight:700;font-size:1.5rem}
.step h3{font-size:1.2rem}
.step p{margin:0;color:var(--text)}

.faq details{background:#fff;border-radius:var(--radius-s);margin-bottom:12px;box-shadow:var(--shadow-s);overflow:hidden}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:700;color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-size:1.5rem;line-height:1;color:var(--pink)}
.faq details[open] summary::after{content:'−'}
.faq details p{padding:0 20px 16px;margin:0}

/* ===== ووکامرس: لیست محصولات ===== */
.woocommerce ul.products,ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin:0 0 30px;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{
	float:none;width:auto;margin:0;position:relative;background:var(--card);border-radius:var(--radius);padding:12px 12px 18px;
	box-shadow:var(--shadow-s);display:flex;flex-direction:column;text-align:center;transition:transform .2s,box-shadow .2s;border:2px solid transparent
}
.woocommerce ul.products li.product:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--pink-soft)}
.woocommerce ul.products li.product a img{border-radius:18px;margin:0 0 12px;aspect-ratio:1/1;object-fit:cover;width:100%;background:var(--pink-soft)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font);font-size:1.02rem;font-weight:700;color:var(--ink);padding:0 6px;margin:0 0 6px}
.woocommerce ul.products li.product .price{color:var(--purple-deep);font-weight:700;font-size:1.05rem;display:block;margin-bottom:12px}
.woocommerce ul.products li.product .price del{color:var(--muted);opacity:.8;font-weight:400}
.woocommerce ul.products li.product .price ins{background:none;text-decoration:none;color:#d6336c}
.woocommerce ul.products li.product .button{margin-top:auto;align-self:center}
.woocommerce ul.products li.product .added_to_cart{display:block;margin-top:8px;font-weight:700}
.woocommerce span.onsale{background:var(--yellow);color:var(--ink);font-weight:700;min-width:0;min-height:0;line-height:1;padding:8px 14px;border-radius:999px;top:14px;right:14px;left:auto;margin:0}
.asal-tag{position:absolute;top:18px;left:18px;z-index:2;background:var(--purple);color:#fff;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:999px;box-shadow:var(--shadow-s)}
.woocommerce .woocommerce-ordering select,.woocommerce-page .woocommerce-ordering select{border:2px solid var(--line);border-radius:999px;padding:8px 16px;font-family:var(--font);background:#fff}
.woocommerce .woocommerce-result-count{color:var(--muted)}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:6px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0;overflow:visible}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:50%;min-width:42px;line-height:42px;padding:0;background:#fff;color:var(--ink);box-shadow:var(--shadow-s)}
.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--pink);color:var(--ink)}

/* ===== ووکامرس: صفحه‌ی محصول ===== */
.woo-wrap,.page-wrap{padding:28px 0 56px}
.woocommerce-breadcrumb{font-size:.9rem;color:var(--muted);margin-bottom:18px!important}
.woocommerce-breadcrumb a{color:var(--purple-deep)}
.woocommerce div.product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary,.woocommerce #content div.product div.images{float:none!important;width:100%!important;margin:0}
.woocommerce div.product div.images{background:#fff;border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}
.woocommerce div.product div.images img{border-radius:18px}
.woocommerce div.product .product_title{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--purple-deep)}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:#d6336c;font-size:1.6rem;font-weight:700}
.woocommerce div.product p.price ins{background:none}
.woocommerce div.product .woocommerce-product-details__short-description{background:var(--pink-soft);border-radius:var(--radius-s);padding:14px 18px;margin-bottom:18px}
.woocommerce div.product form.cart{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 18px}
.woocommerce .quantity .qty{width:84px;height:48px;border:2px solid var(--line);border-radius:999px;text-align:center;font-family:var(--font);font-size:1.05rem}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells,.asal-preview{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:8px;padding:0;margin:0 0 18px;flex-wrap:wrap}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#fff;border:0;border-radius:999px;margin:0;padding:0;box-shadow:var(--shadow-s)}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:10px 22px;font-weight:700;color:var(--ink)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--purple)}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff}
.woocommerce div.product .woocommerce-tabs .panel{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-s)}
.woocommerce div.product .product_meta{font-size:.9rem;color:var(--muted)}
.related.products>h2,.upsells>h2,.asal-preview h2,.cross-sells h2{font-size:1.5rem}
.asal-preview{background:#fff;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-s)}
.asal-video{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}
.asal-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ===== ووکامرس: سبد، تسویه، حساب ===== */
.woocommerce table.shop_table{border:0;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow-s);border-collapse:separate}
.woocommerce table.shop_table th{background:var(--purple-soft);color:var(--ink)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:14px 16px;border-top:1px solid var(--line)}
.woocommerce table.shop_table img{width:64px;border-radius:12px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-page input[type=text],.woocommerce-page input[type=email],.woocommerce-page input[type=tel],.woocommerce-page input[type=password],.woocommerce-page input[type=number],input[type=search],textarea{
	border:2px solid var(--line);border-radius:var(--radius-s);padding:12px 14px;font-family:var(--font);font-size:1rem;background:#fff;color:var(--ink);width:100%
}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--purple);outline:0}
.woocommerce form .form-row label{font-weight:700;color:var(--ink)}
.woocommerce-checkout #payment{background:var(--purple-soft);border-radius:var(--radius)}
.woocommerce-checkout #payment div.payment_box{background:#fff;border-radius:var(--radius-s);color:var(--text)}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px dashed var(--line)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:var(--radius-s);border:0!important;background:var(--mint-soft)!important;color:var(--ink)!important;padding:16px 20px 16px 20px!important}
.woocommerce-info{background:var(--blue-soft)!important}
.woocommerce-error{background:#FFE0E8!important}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message .button{margin-inline-start:12px}
.woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:grid;gap:8px}
.woocommerce-MyAccount-navigation a{display:block;background:#fff;padding:10px 18px;border-radius:999px;font-weight:700;box-shadow:var(--shadow-s)}
.woocommerce-MyAccount-navigation .is-active a{background:var(--purple);color:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation{float:right;width:24%}
.woocommerce-account .woocommerce-MyAccount-content{float:left;width:72%}

/* ===== صفحه‌ها و نوشته‌ها ===== */
.page-title{font-size:clamp(1.7rem,3.5vw,2.4rem);color:var(--purple-deep);margin-bottom:.6em}
.entry-content{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-s)}
.entry-content h2,.entry-content h3{color:var(--purple-deep)}
.entry-content ul{padding-inline-start:1.4em}
.entry-thumb{margin-bottom:20px;border-radius:var(--radius);overflow:hidden}
.meta{color:var(--muted)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-s)}
.post-body{padding:18px}
.post-body h2{font-size:1.15rem}
.pagination{text-align:center;margin-top:28px}
.pagination .page-numbers{display:inline-block;min-width:40px;line-height:40px;border-radius:50%;background:#fff;margin:0 3px;box-shadow:var(--shadow-s)}
.pagination .current{background:var(--pink);color:var(--ink)}
.empty-box{text-align:center;background:#fff;border-radius:var(--radius);padding:48px 20px;box-shadow:var(--shadow-s)}
.empty-box img{margin:0 auto 12px;border-radius:24px}
.alignwide,.alignfull{max-width:100%}

/* ===== فوتر ===== */
.site-footer{margin-top:40px;background:var(--ink);color:#E9DDF7;padding-top:44px;border-radius:40px 40px 0 0}
.site-footer a{color:#FFD9E6}
.site-footer a:hover{color:var(--yellow)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr 1fr;gap:30px}
.footer-brand{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.footer-brand img{border-radius:16px}
.footer-brand strong{display:block;color:#fff;font-size:1.3rem;line-height:1.3}
.footer-brand small{font-family:'Nunito',sans-serif;color:var(--pink);font-weight:700}
.footer-title{color:var(--yellow);font-size:1.05rem}
.footer-menu,.footer-menu .menu,.site-footer .menu,.footer-contact{list-style:none;padding:0;margin:0}
.site-footer .menu li,.footer-contact li{margin-bottom:8px}
.social{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.social-link{background:rgba(255,255,255,.1);padding:4px 16px;border-radius:999px;font-weight:700}
.footer-bottom{margin-top:30px;padding:16px 0;border-top:1px solid rgba(255,255,255,.12);text-align:center;font-size:.9rem}

/* ===== ریسپانسیو ===== */
@media (max-width:1000px){
	.woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr)}
	.footer-grid{grid-template-columns:1fr 1fr}
	.post-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
	.nav-toggle{display:flex}
	.header-panel{display:none;position:absolute;top:100%;right:0;left:0;background:#fff;flex-direction:column;align-items:stretch;padding:16px;border-bottom:2px dashed var(--line);box-shadow:var(--shadow)}
	body.nav-open .header-panel{display:flex}
	.main-nav .menu{flex-direction:column}
	.header-search input{flex:1;width:100%}
	.header-search{width:100%}
	.header-inner{position:relative}
	.hero-inner{grid-template-columns:1fr}
	.hero-art{order:-1}
	.steps{grid-template-columns:1fr}
	.woocommerce div.product{grid-template-columns:1fr}
	.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}
}
@media (max-width:640px){
	.woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr);gap:12px}
	.woocommerce ul.products li.product{padding:8px 8px 14px}
	.badges-inner{grid-template-columns:repeat(4,1fr);gap:6px}
	.section{padding:34px 0}
	.footer-grid{grid-template-columns:1fr}
	.post-grid{grid-template-columns:1fr}
	.brand-text strong{font-size:1.15rem}
	.entry-content{padding:18px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}