/* =========================================================
   PREMIUM MENÜ TEMALARI  (müşteri ürün ekranı - menu.php)
   body.premium-on  -> ortak efekt tabani
   body.ptheme-1..5 -> 5 farkli tema
   Panelden "Premium Menü Teması" ile secilir. Kapatmak icin
   temayi 0 yapin ya da bu dosyayi header.php'den cikarin.
   ========================================================= */

/* ---------- ORTAK TABAN (tum temalar) ---------- */
#page_home.premium-on .item_section .tab-content .tab-pane .item {
    border-radius: 18px !important;
    background: #14161a;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .10);
    transition: transform .35s cubic-bezier(.2, .7, .3, 1), box-shadow .35s ease;
    will-change: transform;
}

#page_home.premium-on .item_section .tab-content .tab-pane .item .crop_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2, .7, .3, 1);
}

#page_home.premium-on .item_section .tab-content .tab-pane .item .text_box {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 14px !important;
}

#page_home.premium-on .item_section .tab-content .tab-pane .item .text_box h2 {
    font-weight: 700 !important;
    letter-spacing: .2px;
    line-height: 1.15;
}

#page_home.premium-on .item_section .tab-content .tab-pane .item .text_box h3 {
    align-self: flex-start;
    margin-top: 8px !important;
    padding: 4px 12px;
    border-radius: 999px;
    font-weight: 700 !important;
}

/* Parlama süpürmesi */
#page_home.premium-on .item_section .tab-content .tab-pane .item::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    z-index: 100;
    pointer-events: none;
    opacity: 0;
    transform: skewX(-20deg);
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .35) 50%, rgba(255, 255, 255, 0) 100%);
}

@media (hover: hover) {
    #page_home.premium-on .item_section .tab-content .tab-pane .item:hover {
        transform: translateY(-6px);
    }
    #page_home.premium-on .item_section .tab-content .tab-pane .item:hover .crop_img {
        transform: scale(1.08);
    }
    #page_home.premium-on .item_section .tab-content .tab-pane .item:hover::before {
        opacity: 1;
        left: 125%;
        transition: left .75s ease, opacity .2s ease;
    }
}

#page_home.premium-on .item_section .tab-content .tab-pane .item:active {
    transform: scale(.98);
}

/* Kategori sekmeleri */
#page_home.premium-on .item_section .tab_btn_container .nav-pills .nav-link {
    border-radius: 999px;
    transition: all .25s ease;
}
#page_home.premium-on .item_section .tab_btn_container .nav-pills .nav-link.active {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

/* Giriş animasyonu */
@keyframes premiumFadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
#page_home.premium-on .item_section .tab-content .tab-pane.active .product_items > [class*="col-"] {
    animation: premiumFadeUp .5s both;
}
#page_home.premium-on .tab-pane.active .product_items > [class*="col-"]:nth-child(1) { animation-delay: .02s; }
#page_home.premium-on .tab-pane.active .product_items > [class*="col-"]:nth-child(2) { animation-delay: .06s; }
#page_home.premium-on .tab-pane.active .product_items > [class*="col-"]:nth-child(3) { animation-delay: .10s; }
#page_home.premium-on .tab-pane.active .product_items > [class*="col-"]:nth-child(4) { animation-delay: .14s; }
#page_home.premium-on .tab-pane.active .product_items > [class*="col-"]:nth-child(5) { animation-delay: .18s; }
#page_home.premium-on .tab-pane.active .product_items > [class*="col-"]:nth-child(6) { animation-delay: .22s; }
#page_home.premium-on .tab-pane.active .product_items > [class*="col-"]:nth-child(7) { animation-delay: .26s; }
#page_home.premium-on .tab-pane.active .product_items > [class*="col-"]:nth-child(8) { animation-delay: .30s; }

@media (prefers-reduced-motion: reduce) {
    #page_home.premium-on .item_section .tab-content .tab-pane.active .product_items > [class*="col-"] { animation: none; }
    #page_home.premium-on .item_section .tab-content .tab-pane .item,
    #page_home.premium-on .item_section .tab-content .tab-pane .item .crop_img { transition: none; }
}


/* ============ TEMA 1 — ZARİF KOYU ============ */
#page_home.ptheme-1 .item_section .tab-content .tab-pane .item .item_img::after {
    background: linear-gradient(180deg, rgba(0,0,0,0) 28%, rgba(0,0,0,.18) 52%, rgba(0,0,0,.78) 100%) !important;
    opacity: 1 !important;
}
#page_home.ptheme-1 .item_section .tab-content .tab-pane .item {
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
}
#page_home.ptheme-1 .item_section .tab-content .tab-pane .item .text_box h2 {
    color: #fff; text-shadow: 0 1px 6px rgba(0,0,0,.55);
}
#page_home.ptheme-1 .item_section .tab-content .tab-pane .item .text_box h3 {
    color: #fff;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.28);
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
@media (hover:hover) {
    #page_home.ptheme-1 .item_section .tab-content .tab-pane .item:hover { box-shadow: 0 16px 34px rgba(0,0,0,.22); }
}


/* ============ TEMA 2 — ALTIN LÜKS ============ */
#page_home.ptheme-2 .item_section .tab-content .tab-pane .item {
    border: 1px solid rgba(212,175,55,.55);
    box-shadow: 0 6px 20px rgba(0,0,0,.18);
}
#page_home.ptheme-2 .item_section .tab-content .tab-pane .item .item_img::after {
    background: linear-gradient(180deg, rgba(0,0,0,0) 24%, rgba(10,8,2,.35) 55%, rgba(8,6,2,.85) 100%) !important;
    opacity: 1 !important;
}
#page_home.ptheme-2 .item_section .tab-content .tab-pane .item .text_box h2 {
    color: #f6e6bf; text-shadow: 0 1px 6px rgba(0,0,0,.6);
}
#page_home.ptheme-2 .item_section .tab-content .tab-pane .item .text_box h3 {
    color: #201700;
    background: linear-gradient(180deg,#f4d27a,#d4af37);
    border: 1px solid #b8912b;
    box-shadow: 0 2px 10px rgba(0,0,0,.3);
}
@media (hover:hover) {
    #page_home.ptheme-2 .item_section .tab-content .tab-pane .item:hover {
        border-color: #d4af37;
        box-shadow: 0 16px 36px rgba(0,0,0,.3), 0 0 0 1px rgba(212,175,55,.5);
    }
}


/* ============ TEMA 3 — NEON GECE ============ */
#page_home.ptheme-3 .item_section .tab-content .tab-pane .item {
    border: 1px solid rgba(0,255,214,.35);
    box-shadow: 0 0 0 1px rgba(0,255,214,.10), 0 8px 22px rgba(0,0,0,.35);
}
#page_home.ptheme-3 .item_section .tab-content .tab-pane .item .item_img::after {
    background: linear-gradient(180deg, rgba(3,0,20,0) 22%, rgba(3,0,20,.4) 55%, rgba(3,0,20,.9) 100%) !important;
    opacity: 1 !important;
}
#page_home.ptheme-3 .item_section .tab-content .tab-pane .item .text_box h2 {
    color: #eafff9; text-shadow: 0 0 10px rgba(0,255,214,.5);
}
#page_home.ptheme-3 .item_section .tab-content .tab-pane .item .text_box h3 {
    color: #001b16;
    background: linear-gradient(180deg,#5cffe0,#00e6c0);
    border: 1px solid rgba(0,255,214,.8);
    box-shadow: 0 0 14px rgba(0,255,214,.55);
}
@media (hover:hover) {
    #page_home.ptheme-3 .item_section .tab-content .tab-pane .item:hover {
        border-color: rgba(0,255,214,.9);
        box-shadow: 0 0 22px rgba(0,255,214,.45), 0 16px 34px rgba(0,0,0,.4);
    }
}


/* ============ TEMA 4 — CAM (GLASS) ============ */
#page_home.ptheme-4 .item_section .tab-content .tab-pane .item {
    border: 1px solid rgba(255,255,255,.35);
    box-shadow: 0 8px 24px rgba(0,0,0,.14);
}
#page_home.ptheme-4 .item_section .tab-content .tab-pane .item .item_img::after {
    background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(20,22,26,.35) 100%) !important;
    opacity: 1 !important;
}
/* Yazilar tam genislikte buzlu cam bar icinde */
#page_home.ptheme-4 .item_section .tab-content .tab-pane .item .text_box {
    padding: 0 !important;
}
#page_home.ptheme-4 .item_section .tab-content .tab-pane .item .text_box h2 {
    color: #fff; padding: 10px 12px 0; text-shadow: 0 1px 4px rgba(0,0,0,.4);
}
#page_home.ptheme-4 .item_section .tab-content .tab-pane .item .text_box h3 {
    align-self: stretch;
    margin: 6px 0 0 0 !important;
    border-radius: 0 0 18px 18px;
    padding: 8px 12px 10px;
    color: #fff;
    background: rgba(255,255,255,.14);
    border-top: 1px solid rgba(255,255,255,.25);
    -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);
}
@media (hover:hover) {
    #page_home.ptheme-4 .item_section .tab-content .tab-pane .item:hover {
        border-color: rgba(255,255,255,.6);
        box-shadow: 0 18px 38px rgba(0,0,0,.22);
    }
}


/* ============ TEMA 5 — SICAK GURME ============ */
#page_home.ptheme-5 .item_section .tab-content .tab-pane .item {
    box-shadow: 0 8px 22px rgba(60,20,0,.16);
}
#page_home.ptheme-5 .item_section .tab-content .tab-pane .item .item_img::after {
    background: linear-gradient(180deg, rgba(40,15,0,0) 24%, rgba(60,25,0,.4) 55%, rgba(45,18,0,.88) 100%) !important;
    opacity: 1 !important;
}
#page_home.ptheme-5 .item_section .tab-content .tab-pane .item .text_box h2 {
    color: #fff5e9; text-shadow: 0 1px 6px rgba(0,0,0,.5);
}
#page_home.ptheme-5 .item_section .tab-content .tab-pane .item .text_box h3 {
    color: #3a1a00;
    background: linear-gradient(180deg,#ffd9a3,#ffb35c);
    border: 1px solid #e08a2b;
    box-shadow: 0 2px 10px rgba(80,30,0,.3);
}
@media (hover:hover) {
    #page_home.ptheme-5 .item_section .tab-content .tab-pane .item:hover {
        box-shadow: 0 16px 36px rgba(60,20,0,.28);
    }
}