/*
Theme Name: Miles Tedarik B2B Kurumsal Tema
Theme URI: https://www.milesambalaj.com/
Author: Miles Tedarik Dijital Ekibi
Author URI: https://www.milesambalaj.com/
Description: Miles Tedarik (Temizlik, Hijyen, Ambalaj ve Paketleme Sistemleri) için özel geliştirilmiş; sol Top 10 En Çok Satanlar slider'ı, sağ 2x2 hareketli görsel kategori kartları, 4 fotoğraflı yakınlaştırmalı ürün detay galerisi, canlı stok takibi ve bot korumalı (CAPTCHA) İlk Sipariş Listesi sistemine sahip WordPress & WooCommerce B2B teması.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: miles-ambalaj
Tags: e-commerce, b2b, custom-menu, featured-images, woocommerce
*/

/* WordPress Standart Hizalama ve Temel Yardımcı Stiller */
html {
    scroll-behavior: smooth;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
    margin-right: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
}

.mega-group:hover .mega-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.captcha-pattern {
    background-color: #f1f5f9;
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px), radial-gradient(#cbd5e1 1px, #f1f5f9 1px);
    background-size: 16px 16px;
    background-position: 0 0, 8px 8px;
}

/* Sağ Vitrin 2x2 Kategori Kartları Hareket & Parlama Efektleri */
.cat-showcase-card {
    background-color: #f5f6f8;
    position: relative;
    overflow: hidden;
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.cat-showcase-card:hover {
    background-color: #ffffff;
    transform: translateY(-4px);
    box-shadow: 0 16px 32px -8px rgba(15, 41, 66, 0.14);
}

.cat-showcase-card .cat-img-wrap {
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), filter 0.35s ease;
}

.cat-showcase-card:hover .cat-img-wrap {
    transform: scale(1.12) translateY(-6px) rotate(-2deg);
    filter: drop-shadow(0 12px 16px rgba(15, 41, 66, 0.16));
}

.cat-showcase-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.65), transparent);
    transform: skewX(-20deg);
    transition: left 0.65s ease;
    pointer-events: none;
}

.cat-showcase-card:hover::after {
    left: 140%;
}

/* Ürün Detay Modalı Yakınlaştırma Alanı */
.zoom-stage {
    overflow: hidden;
    position: relative;
}

.zoom-stage img {
    transition: transform 0.25s ease-out;
}

.zoom-stage:hover img {
    transform: scale(1.35);
}