/*
Theme Name: WENS Track
Theme URI: https://wensolutions.com/themes/wens-track/
Template: wens-haelo
Author: WEN Solutions
Author URI: https://wensolutions.com/
Description: WENS Track is a modern, lightweight, and full site editing (FSE) travel theme specifically designed for creating professional travel and tour websites using the WP Travel plugin. It seamlessly integrates with WP Travel Gutenberg Blocks, allowing you to design, customize, and manage your entire website visually through the WordPress Site Editor—no coding required. This theme is ideal for travel agencies, tour operators, destination bloggers, and adventure companies seeking a flexible, performance-optimized, and future-ready design solution. With built-in support for WP Travel Gutenberg Blocks, you can effortlessly showcase trip listings, itineraries, pricing tables, and booking options directly within the Gutenberg editor. WENS Track is fully responsive, SEO-friendly,, and includes predefined travel layouts and block patterns, making it easy to create engaging, and visually stunning travel websites. Built to align with the latest WordPress standards, WENS Track ensures long-term stability, smooth performance, and compatibility with all major plugins. Its clean, minimal, and elegant design emphasizes readability and user experience, allowing your travel imagery and trip details to take center stage. Whether you're promoting destinations, managing bookings, or building a global travel platform, WENS Track provides the perfect balance of modern design, speed, and creative freedom.
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio
Text Domain: wens-track
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.8
Version: 1.0.2

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
.custom-urun-grid-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.custom-alt-kategori-item {
    width: 220px;
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
}

.kategori-img {
    width: 100%;
    height: 150px;
    object-fit: cover;
    margin-bottom: 10px;
}

.custom-alt-sub-container {
    display: none;
    margin-top: 10px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.custom-alt-sub-container.open {
    display: grid;
}

.sub-img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}
.custom-alt-sub-container {
    display: none !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.custom-alt-kategori-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.custom-alt-sub-container {
    display: none !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.custom-alt-kategori-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.custom-alt-sub-container {
    display: none !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.custom-alt-kategori-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.custom-alt-sub-container {
    display: none !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.custom-alt-kategori-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-alt-kategori-item .toggle-sub {
    cursor: pointer;
}

.custom-alt-sub-container {
    display: none !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.custom-alt-kategori-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.custom-alt-kategori-item .toggle-sub,
.custom-alt-kategori-item .clickable-header {
    cursor: pointer;
}

.custom-alt-sub-container {
    display: none !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}

.custom-alt-kategori-item .toggle-sub,
.custom-alt-kategori-item .clickable-header {
    cursor: pointer;
}
/* --- Kategori Kart Tasarımı --- */

.woocommerce ul.products li.product-category {
    list-style: none;
    padding: 0;
    margin: 15px;
}

.product-category a {
    display: block;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    transition: all .25s ease;
    text-align: center;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}

.product-category a:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    border-color: #cc0000;
}

.product-category img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    display: block;
}

.product-category h2.woocommerce-loop-category__title {
    padding: 12px;
    font-size: 17px;
    margin: 0;
    color: #333;
    font-weight: 600;
}

.custom-alt-sub-container {
    display: none !important;
    margin-top: 10px;
    max-height: 350px; /* açılan alanın yüksekliği */
    overflow-y: auto; /* dikey kaydırma aktif */
    padding-right: 5px;
}

/* İç kutucuklara eski boyut */
.custom-alt-sub-container div {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: center;
    width: 180px;
}

/* Grid görünüm düzgün olsun */
.custom-alt-sub-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px;
}
/* PREMIUM PAGE TRANSITION */
.page-transition {
    opacity: 0;
    transform: scale(0.97);
    filter: blur(6px);
    transition:
        opacity 0.6s ease,
        transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1),
        filter 0.5s ease;
}

.page-transition.loaded {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
}