/*
Theme Name: Solo Woo
Theme URI: https://virapeak.ir/
Author: ViraPeak
Author URI: https://virapeak.ir/
Description: قالب اختصاصی وردپرس و ووکامرس برای برند پوشاک مردانه سولو.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: solo-woo
*/

@font-face {
      font-family: 'YekanBakh';
      src: local('YekanBakh'), local('Yekan Bakh');
      font-display: swap;
    }

    * { scroll-behavior: smooth; }

    body {
      font-family: 'YekanBakh', 'IRANSansX', 'Vazirmatn', Tahoma, sans-serif;
      background: #f7f2ea;
      color: #111;
      overflow-x: hidden;
    }

    .solo-noise::before {
      content: '';
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .08;
      background-image:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,.7) 0 1px, transparent 1px),
        radial-gradient(circle at 70% 60%, rgba(255,255,255,.45) 0 1px, transparent 1px);
      background-size: 22px 22px, 34px 34px;
      mix-blend-mode: overlay;
    }

    .marquee-track {
      animation: soloMarquee 22s linear infinite;
      min-width: max-content;
    }

    @keyframes soloMarquee {
      from { transform: translateX(0); }
      to { transform: translateX(50%); }
    }

    .float-y { animation: floatY 5.5s ease-in-out infinite; }
    @keyframes floatY {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-14px); }
    }

    .reveal-card { transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease; }
    .reveal-card:hover { transform: translateY(-8px); box-shadow: 0 24px 60px rgba(0,0,0,.16); }

    .product-img { transition: transform .55s ease; }
    .product-card:hover .product-img { transform: scale(1.06); }

    .mobile-menu { transform: translateX(110%); transition: transform .35s ease; }
    .mobile-menu.active { transform: translateX(0); }

    .header-scrolled {
      background: rgba(11,11,11,.92) !important;
      box-shadow: 0 18px 50px rgba(0,0,0,.22);
      backdrop-filter: blur(18px);
    }

    .hide-scroll::-webkit-scrollbar { display: none; }
    .hide-scroll { -ms-overflow-style: none; scrollbar-width: none; }

/* WordPress / WooCommerce compatibility */
.admin-bar #siteHeader { top: calc(2rem + 32px); }
@media (max-width: 782px) { .admin-bar #siteHeader { top: calc(2rem + 46px); } }

.woocommerce .woocommerce-breadcrumb,
.woocommerce-result-count,
.woocommerce-ordering { font-family: inherit; }

.solo-woo-page .woocommerce { width: 100%; }
.solo-woo-page .products { display: grid; grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 1.25rem; }
@media (min-width: 640px) { .solo-woo-page .products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .solo-woo-page .products { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.solo-woo-page ul.products::before,
.solo-woo-page ul.products::after { display: none !important; }
.solo-woo-page ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; border-radius: 2rem; background: #F7F2EA; padding: .75rem !important; box-shadow: 0 24px 70px rgba(0,0,0,.10); border: 1px solid rgba(0,0,0,.05); }
.solo-woo-page ul.products li.product img { border-radius: 1.5rem; aspect-ratio: 3/4; object-fit: cover; margin: 0 0 1rem !important; }
.solo-woo-page ul.products li.product .woocommerce-loop-product__title { font-family: inherit; color: #111; font-weight: 900; font-size: 1rem; padding: 0 .5rem !important; }
.solo-woo-page ul.products li.product .price { display: block; padding: .5rem; color: #111 !important; font-weight: 900; }
.solo-woo-page a.button,
.solo-woo-page button.button,
.solo-woo-page input.button,
.solo-woo-page #respond input#submit { border-radius: 999px !important; background: #111111 !important; color: #fff !important; font-family: inherit; font-weight: 900; }


/* Solo custom Tailwind color fallbacks */
:root {
  --solo-dark: #0B0B0B;
  --solo-black: #111111;
  --solo-soft: #F7F2EA;
  --solo-cream: #E9DAC2;
  --solo-gold: #B88A44;
  --solo-muted: #757575;
}

.bg-solo-dark { background-color: var(--solo-dark) !important; }
.bg-solo-black { background-color: var(--solo-black) !important; }
.bg-solo-soft { background-color: var(--solo-soft) !important; }
.bg-solo-cream { background-color: var(--solo-cream) !important; }
.bg-solo-gold { background-color: var(--solo-gold) !important; }

.text-solo-dark { color: var(--solo-dark) !important; }
.text-solo-black { color: var(--solo-black) !important; }
.text-solo-soft { color: var(--solo-soft) !important; }
.text-solo-cream { color: var(--solo-cream) !important; }
.text-solo-gold { color: var(--solo-gold) !important; }
.text-solo-muted { color: var(--solo-muted) !important; }

.border-solo-gold\/35 { border-color: rgba(184, 138, 68, .35) !important; }
.border-solo-cream { border-color: var(--solo-cream) !important; }

.bg-solo-gold\/20 { background-color: rgba(184, 138, 68, .20) !important; }
.bg-solo-gold\/25 { background-color: rgba(184, 138, 68, .25) !important; }

.hover\:bg-solo-cream:hover { background-color: var(--solo-cream) !important; }
.hover\:bg-solo-dark:hover { background-color: var(--solo-dark) !important; }
.hover\:text-solo-cream:hover { color: var(--solo-cream) !important; }

.shadow-soft { box-shadow: 0 24px 70px rgba(0,0,0,.10) !important; }
.shadow-dark { box-shadow: 0 28px 90px rgba(0,0,0,.28) !important; }

.header-scrolled .bg-solo-dark,
.header-scrolled.bg-solo-dark { background-color: rgba(11, 11, 11, .92) !important; }