/*
Theme Name: Yadaki Khanegi V12 - Reuploaded Images
Theme URI: https://yadakikhanegi.ir
Author: Yadaki Khanegi
Description: قالب راست‌چین فروشگاه یدکی خانگی با پشتیبانی از WooCommerce
Version: 12.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: yadaki-khanegi-final-v10
*/

:root{--navy:#123B63;--blue:#0876e8;--orange:#F28C28;--green:#249B62;--ink:#172033;--muted:#64748b;--line:#dde3ea;--bg:#f5f7fa;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#eef2f6;color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.8}.site{max-width:1280px;margin:18px auto;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #183b6310}.top{display:flex;align-items:center;gap:22px;padding:16px 4%;border-bottom:1px solid var(--line)}.brand{font-weight:900;color:var(--navy);font-size:23px;white-space:nowrap}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:400}.search{display:flex;flex:1;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#f8fafc}.search input{width:100%;border:0;background:transparent;padding:13px;font:inherit;outline:0}.search button,.btn{background:var(--blue);color:white;border:0;border-radius:10px;padding:11px 18px;font:inherit;text-decoration:none;display:inline-block;cursor:pointer}.quick{white-space:nowrap;color:var(--navy);font-size:13px}.nav{display:flex;gap:26px;padding:9px 4%;border-bottom:1px solid var(--line);font-size:13px;font-weight:bold}.nav a{color:var(--navy);text-decoration:none}.hero{position:relative;background:#edf3f8}.hero img{width:100%;height:auto;display:block;max-height:370px;object-fit:cover}.hero .tag{position:absolute;left:5%;bottom:20px;background:#fffdf;border-radius:12px;padding:12px 16px;color:var(--navy);font-size:13px;box-shadow:0 5px 22px #123b6320}.section{padding:28px 4%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}.section h2{font-size:22px;color:var(--navy);margin:0}.section-head p{font-size:12px;color:var(--muted);margin:4px 0 0}.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cat{border:1px solid var(--line);border-radius:12px;background:#f7f9fc;text-align:center;overflow:hidden;padding:8px 6px;color:var(--navy);font-weight:bold;font-size:12px}.cat img{width:100%;height:105px;object-fit:contain;mix-blend-mode:multiply}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f5f8fb;padding:22px 4%;border-block:1px solid var(--line)}.benefit{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:bold;color:var(--navy)}.benefit span{font-size:24px}.banners{display:grid;grid-template-columns:1fr 1fr;gap:16px}.banner{border-radius:14px;padding:22px;color:#fff;min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(120deg,#0876e8,#123b63)}.banner:nth-child(2){background:linear-gradient(120deg,#148b79,#123b63)}.banner h3{margin:0 0 6px;font-size:18px}.banner p{margin:0 0 10px;font-size:12px}.banner .btn{background:#fff;color:var(--navy);font-weight:bold;font-size:12px}.products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.product{border:1px solid var(--line);border-radius:12px;padding:10px;background:white;min-width:0}.product img{width:100%;height:150px;object-fit:contain;border-radius:8px;background:#fff}.product h3{font-size:13px;color:var(--navy);margin:8px 0 3px}.product p{font-size:11px;color:var(--muted);margin:0 0 7px}.price{font-size:13px;font-weight:bold;margin-bottom:10px}.product .btn{width:100%;text-align:center;font-size:12px;padding:8px}.rare{margin:0 4% 28px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#f2f6fb}.rare img{width:100%;display:block;max-height:160px;object-fit:cover}.raretext{padding:14px 20px}.raretext h2{margin:0;color:var(--navy);font-size:20px}.raretext p{font-size:13px;color:var(--muted);margin:4px 0 12px}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.guide{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fbfcfe}.guide b{color:var(--navy)}.guide p{font-size:12px;color:var(--muted)}footer{background:#0e2239;color:#e7eef7;padding:32px 4% 18px;display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:24px;font-size:12px}footer h3{font-size:14px;color:white}footer a{display:block;color:#d4e0ee;text-decoration:none;margin:6px 0}.copyright{grid-column:1/-1;border-top:1px solid #ffffff2a;padding-top:12px;text-align:center;color:#afc0d3;font-size:11px}.note{padding:12px 4%;background:#fff8e9;color:#80531b;font-size:12px;border-top:1px solid #f1dfbd}@media(max-width:850px){.site{margin:0;border-radius:0}.top{flex-wrap:wrap;gap:12px}.brand{font-size:19px}.search{order:3;flex-basis:100%}.nav{overflow:auto;gap:18px;white-space:nowrap}.hero img{min-height:190px;object-fit:cover}.hero .tag{left:3%;bottom:10px;font-size:10px}.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cat img{height:82px}.benefits{grid-template-columns:repeat(2,1fr)}.banners{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product img{height:135px}.guides{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.copyright{grid-column:1/-1}.section{padding:22px 4%}.section h2{font-size:19px}}@media(max-width:380px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.quick{font-size:11px}}


#categories .cat { background:#fff !important; overflow:hidden !important; }
#categories .cat img { display:block !important; width:100% !important; height:180px !important; padding:0 !important; margin:0 auto !important; object-fit:contain !important; object-position:center !important; background:#fff !important; border:0 !important; outline:0 !important; box-shadow:none !important; }
.hero { background:#fff !important; overflow:hidden !important; }
.hero > img { display:block !important; width:100% !important; height:auto !important; max-height:none !important; object-fit:contain !important; object-position:center !important; }
@media(max-width:850px) { #categories .cat img {height:150px !important;} .hero > img {height:auto !important;} }

body { direction:rtl; text-align:right; }
.cat, .product { text-decoration:none; color:inherit; }
.cat img, .product img { background:#fff; object-fit:contain; }
.cat-placeholder { display:flex; min-height:150px; align-items:center; justify-content:center; background:#fff; }

#categories .cat { background:#fff !important; }
#categories .cat img { display:block; width:100%; height:180px; object-fit:contain; object-position:center; background:#fff; border:0; box-shadow:none; }
@media(max-width:850px){#categories .cat img{height:150px;}}

/* Reliable category image display for WooCommerce */
#categories .categories { align-items:stretch; }
#categories .cat { display:flex; flex-direction:column; overflow:hidden; background:#fff; }
#categories .cat img { display:block; width:100%; height:180px; padding:8px; margin:0 auto; object-fit:contain; object-position:center; background:#fff; border:0; outline:0; box-shadow:none; }
#categories .cat h3 { margin-top:auto; }
@media(max-width:850px){#categories .cat img{height:150px;}}

/* V4: preserve the complete approved hero banner without cropping */
.hero { background:#fff !important; overflow:hidden !important; }
.hero > img { display:block !important; width:100% !important; height:auto !important; max-height:none !important; min-height:0 !important; object-fit:contain !important; object-position:center center !important; }
@media (max-width:850px) {
  .hero > img { width:100% !important; height:auto !important; min-height:0 !important; max-height:none !important; object-fit:contain !important; }
  .hero .tag { max-width:90%; }
}

/* V5 editable, responsive category cards */
.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cat{background:#fff!important;min-width:0}.cat img{height:170px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;mix-blend-mode:normal!important;padding:10px!important}.cat h3{min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center}@media(max-width:850px){.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cat img{height:120px!important;padding:6px!important}}@media(max-width:480px){.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.cat img{height:140px!important}}

/* Category image fixes: individual white-background product photos */
.cat{background:#fff!important;overflow:hidden}
.cat img{display:block;width:100%;height:142px;object-fit:contain;object-position:center;background:#fff!important;border:0!important;box-shadow:none!important;mix-blend-mode:normal!important;padding:10px;box-sizing:border-box}
@media(max-width:600px){.cat img{height:118px;padding:8px}}

/* V7 category image consistency */
#categories .cat{background:#fff!important;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;}
#categories .cat img{width:100%!important;height:160px!important;max-height:160px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;mix-blend-mode:normal!important;padding:8px!important;display:block!important;}
#categories .cat h3{min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;margin:4px 0 0;}
@media(max-width:850px){#categories .cat img{height:125px!important;max-height:125px!important;padding:5px!important;}}

/* v8 category image normalization */
#categories .cat{background:#fff!important;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;min-width:0;}
#categories .cat img{width:100%!important;height:165px!important;object-fit:contain!important;object-position:center!important;background:#fff!important;mix-blend-mode:normal!important;border:0!important;outline:0!important;box-shadow:none!important;padding:8px!important;margin:0 auto!important;}
#categories .cat h3{min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;margin:0!important;padding:4px 2px;}
@media(max-width:850px){#categories .cat img{height:125px!important;padding:5px!important;}}

/* Category image consistency fix v10 */
.categories .cat { background:#fff !important; }
.categories .cat img { display:block; width:100%; aspect-ratio:1/1; object-fit:contain; object-position:center center; background:#fff !important; padding:10px; box-sizing:border-box; }


/* V11: final unified rules for category cards, banners, buttons and responsive layout */
:root{--navy:#123B63;--blue:#0876e8;--orange:#F28C28;--line:#dde3ea}
#categories .categories,.categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}
#categories .cat,.cat{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;background:#fff!important;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--navy)}
#categories .cat img,.cat img{display:block;width:100%!important;height:170px!important;max-height:170px!important;min-height:0!important;object-fit:contain!important;object-position:center!important;padding:8px!important;margin:0 auto!important;background:#fff!important;mix-blend-mode:normal!important;box-shadow:none!important;border:0!important}
#categories .cat h3,.cat h3{min-height:42px;display:flex;align-items:center;justify-content:center;text-align:center;margin:4px 6px 8px;font-size:13px;line-height:1.6}
.hero{overflow:hidden;background:#fff}
.hero>img{display:block;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
.banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.banner{min-width:0;border-radius:14px;padding:22px;background:linear-gradient(120deg,#0876e8,#123b63);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px}
.banner:nth-child(2){background:linear-gradient(120deg,#148b79,#123b63)}
.btn,button,input[type=submit]{transition:filter .15s ease,transform .15s ease;cursor:pointer}
.btn:hover,button:hover,input[type=submit]:hover{filter:brightness(.94)}
@media(max-width:850px){#categories .categories,.categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}#categories .cat img,.cat img{height:125px!important;max-height:125px!important;padding:5px!important}.banners{grid-template-columns:1fr}}
@media(max-width:480px){#categories .categories,.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#categories .cat img,.cat img{height:140px!important;max-height:140px!important;padding:6px!important}.banner{padding:16px;flex-wrap:wrap}}


/* V17: internal WooCommerce pages only; homepage template and existing V12 styles remain unchanged. */
.wc-page{min-height:50vh;background:#fff}.wc-page-head{margin-bottom:18px}.wc-page h1{color:var(--navy);font-size:25px}.wc-page .crumb{font-size:12px;color:var(--muted)}.wc-page .crumb a{color:var(--blue);text-decoration:none}.woocommerce .woocommerce-breadcrumb{font-size:12px}.woocommerce ul.products li.product{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;overflow:hidden}.woocommerce ul.products li.product a img{height:180px;object-fit:contain}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;color:var(--navy)}.woocommerce div.product div.images img{object-fit:contain}.woocommerce div.product .product_title{font-size:24px;color:var(--navy)}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--navy);font-weight:bold}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--blue);color:#fff;border-radius:8px;padding:11px 16px}.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--navy);color:#fff}.woocommerce input[type=text],.woocommerce input[type=email],.woocommerce input[type=tel],.woocommerce input[type=password],.woocommerce input[type=number],.woocommerce textarea,.woocommerce select{border:1px solid var(--line);border-radius:7px;padding:10px;max-width:100%}.woocommerce .quantity .qty{min-height:38px}.woocommerce-message,.woocommerce-info{border-top-color:var(--blue)}.woocommerce-message::before,.woocommerce-info::before{color:var(--blue)}.woocommerce table.shop_table{border-radius:10px;border-color:var(--line)}.woocommerce form.checkout_coupon,.woocommerce form.login,.woocommerce form.register{border-color:var(--line);border-radius:10px}.yadaki-request-form{display:grid;gap:12px;margin-top:20px;max-width:650px}.yadaki-request-form label{display:grid;gap:6px;font-size:13px;font-weight:bold;color:var(--navy)}.yadaki-request-form input,.yadaki-request-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}.yadaki-request-form .btn{justify-self:start}.request-success{padding:12px;background:#e8f7ee;color:#17663a;border-radius:8px}


/* V20: category products on a single soft gray backdrop, with lift-on-hover.
   Keep the approved V12 page layout and all other sections unchanged. */
#categories .cat {
  position: relative !important;
  isolation: isolate;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
  background: #fff !important;
  transition: border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
#categories .cat::before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 8%;
  right: 8%;
  top: 15%;
  height: 61%;
  border-radius: 48% 52% 46% 54% / 48% 45% 55% 52%;
  background: #e4e7eb;
  transform: scale(.94);
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease;
  pointer-events: none;
}
#categories .cat img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  max-height: none !important;
  padding: 9px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
  mix-blend-mode: multiply !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  transform: translateY(0) scale(1);
  transform-origin: center bottom;
  transition: transform .25s ease, filter .25s ease;
}
#categories .cat h3 {
  position: relative;
  z-index: 2;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 !important;
  padding: 4px 8px 8px;
}
#categories .cat:hover,
#categories .cat:focus-visible {
  border-color: #c9d0d8 !important;
  box-shadow: 0 8px 20px rgba(15, 35, 55, .10);
  transform: translateY(-2px);
}
#categories .cat:hover::before,
#categories .cat:focus-visible::before {
  background: #d9dde2;
  transform: scale(1.02);
  box-shadow: 0 8px 18px rgba(90, 100, 112, .12);
}
#categories .cat:hover img,
#categories .cat:focus-visible img {
  transform: translateY(-5px) scale(1.07);
  filter: drop-shadow(0 8px 5px rgba(30, 40, 50, .14));
}
@media (max-width: 850px) {
  #categories .cat img { height: 150px !important; padding: 6px !important; }
  #categories .cat::before { top: 15%; height: 58%; }
}
@media (prefers-reduced-motion: reduce) {
  #categories .cat, #categories .cat::before, #categories .cat img { transition: none !important; }
}




/* V22 targeted fix: separate gray halo behind category products; preserve the V12 layout. */
#categories .cat,
.categories .cat {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #fff !important;
}
#categories .cat::before,
.categories .cat::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 8% !important;
  right: 8% !important;
  top: 13% !important;
  height: 62% !important;
  border-radius: 48% 52% 46% 54% / 48% 45% 55% 52% !important;
  background: #e2e4e7 !important;
  transform: scale(.94) !important;
  transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease !important;
  pointer-events: none !important;
}
#categories .cat img,
.categories .cat img {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  background-image: none !important;
  mix-blend-mode: multiply !important;
  height: 190px !important;
  min-height: 190px !important;
  max-height: 190px !important;
  padding: 4px !important;
  object-fit: contain !important;
  transition: transform .25s ease, filter .25s ease !important;
  transform: translateY(0) scale(1) !important;
  transform-origin: center bottom !important;
}
#categories .cat:hover::before,
#categories .cat:focus-visible::before,
.categories .cat:hover::before,
.categories .cat:focus-visible::before {
  background: #d9dde2 !important;
  transform: scale(1.02) !important;
  box-shadow: 0 8px 18px rgba(90, 100, 112, .12) !important;
}
#categories .cat:hover img,
#categories .cat:focus-visible img,
.categories .cat:hover img,
.categories .cat:focus-visible img {
  transform: translateY(-5px) scale(1.07) !important;
  filter: drop-shadow(0 13px 8px rgba(30, 40, 50, .22)) !important;
}
@media (max-width: 850px) {
  #categories .cat img, .categories .cat img {
    height: 175px !important;
    min-height: 175px !important;
    max-height: 175px !important;
    padding: 3px !important;
  }
  #categories .cat::before, .categories .cat::before { top: 13% !important; height: 60% !important; }
}
@media (prefers-reduced-motion: reduce) {
  #categories .cat, #categories .cat::before, #categories .cat img,
  .categories .cat, .categories .cat::before, .categories .cat img {
    transition: none !important;
  }
}


/* V23 category image refinement: preserve V12 layout and natural product colors */
#categories .cat, .categories .cat { position:relative; overflow:visible; }
#categories .cat::before, .categories .cat::before {
 content:""; position:absolute; z-index:0; left:12%; right:12%; top:16%; height:64%;
 border-radius:50%; background:#e7e9ec; opacity:.9; filter:blur(1px);
 transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
}
#categories .cat img, #categories a.cat img, .categories .cat img, .categories a.cat img {
 position:relative; z-index:1; background:transparent!important; background-color:transparent!important;
 mix-blend-mode:normal!important; height:190px!important; min-height:190px!important; max-height:190px!important;
 width:100%; object-fit:contain!important; padding:4px!important; border:0!important; box-shadow:none!important;
 transform:translateY(0) scale(1); transform-origin:center bottom;
 transition:transform .22s ease, filter .22s ease;
}
#categories .cat:hover::before, #categories .cat:focus-visible::before,
.categories .cat:hover::before, .categories .cat:focus-visible::before {
 background:#dfe2e6; transform:scale(1.03); box-shadow:0 8px 18px rgba(50,60,70,.10);
}
#categories .cat:hover img, #categories .cat:focus-visible img,
.categories .cat:hover img, .categories .cat:focus-visible img {
 transform:translateY(-5px) scale(1.06); filter:drop-shadow(0 8px 6px rgba(30,40,50,.16));
}
@media(max-width:850px){
 #categories .cat img, #categories a.cat img, .categories .cat img, .categories a.cat img {height:165px!important;min-height:165px!important;max-height:165px!important;padding:3px!important}
 #categories .cat::before, .categories .cat::before {top:15%;height:62%}
}
@media(max-width:480px){
 #categories .cat img, #categories a.cat img, .categories .cat img, .categories a.cat img {height:150px!important;min-height:150px!important;max-height:150px!important;padding:3px!important}
}
@media(prefers-reduced-motion:reduce){#categories .cat::before,.categories .cat::before,#categories .cat img,.categories .cat img{transition:none!important}}