/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1788972808
Updated: 2026-09-09 17:53:28

*/

/* =========================================================
   THALNYRA – PREMIUM HUNTING WEAR
   TYPOGRAPHY, PRODUCT PAGE & VARIATION STYLING
   ========================================================= */


/* ---------------------------------------------------------
   1. GOOGLE FONTS & GLOBAL TYPOGRAPHY
   --------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Roboto:wght@300;400;500;600;700&display=swap');

h1, h2, h3, h4, h5, h6 {
    font-family: 'Cinzel', serif !important;
    color: #C97402 !important;
}

body, p, span, li, a, label, input, select, textarea, button {
    font-family: 'Roboto', sans-serif;
}

body {
    color: #C8B9A5;
}


/* ---------------------------------------------------------
   2. WOOCOMMERCE PRODUCT META & PRICING
   --------------------------------------------------------- */

/* SKU és Kategória elrejtése */
.product_meta .sku_wrapper,
.product_meta .posted_in {
    display: none !important;
}

/* Prémium Meta Doboz */
.product_meta {
    display: block !important;
    position: relative;
    margin-top: 35px !important;
    padding: 20px 25px !important;
    border: 1px solid rgba(201, 116, 2, 0.35) !important;
    border-left: 3px solid #C97402 !important;
    background: linear-gradient(90deg, rgba(201, 116, 2, 0.08), rgba(255, 255, 255, 0.02), transparent) !important;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.product_meta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, #C97402, transparent);
    opacity: 0.8;
}

.product_meta::after {
    content: "THALNYRA  •  WINTER COLLECTION";
    display: block;
    font-family: 'Cinzel', serif !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #C97402;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.9;
}

/* Alapértelmezett ár stílusa */
.single-product .price,
.single-product .price span {
    font-family: 'Roboto', sans-serif !important;
    color: #C8B9A5 !important;
    font-weight: 500;
    letter-spacing: 1px;
}

/* KIVÁLASZTOTT VARIÁCIÓ ÁRA (Nagyobb méret és kiemelés) */
.single-product .single_variation_wrap .woocommerce-variation-price,
.single-product .single_variation_wrap .woocommerce-variation-price span.price,
.single-product .single_variation_wrap .woocommerce-variation-price .amount {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: #C97402 !important;
    line-height: 1.2 !important;
}


/* ---------------------------------------------------------
   3. ADD TO CART GOMB & MENNYISÉGVÁLASZTÓ
   --------------------------------------------------------- */

.single_add_to_cart_button,
.button,
button,
.btn {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: linear-gradient(135deg, #C97402, #A85F00) !important;
    color: #FFFFFF !important;
    border: 1px solid #C97402 !important;
    border-radius: 3px !important;
    padding: 14px 30px !important;
    cursor: pointer;
    box-shadow: 0 5px 20px rgba(201, 116, 2, 0.18);
    transition: all 0.3s ease !important;
}

.single_add_to_cart_button:hover,
.button:hover,
button:hover,
.btn:hover {
    background: linear-gradient(135deg, #E08A08, #C97402) !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 28px rgba(201, 116, 2, 0.35);
}

.quantity input {
    font-family: 'Roboto', sans-serif !important;
    background: #181818 !important;
    color: #C8B9A5 !important;
    border: 1px solid rgba(200, 185, 165, 0.35) !important;
    border-radius: 3px !important;
}

/* MENNYISÉG VÁLASZTÓ NYILAK NARANCSRA SzÍNEZÉSE */
.quantity input[type=number]::-webkit-inner-spin-button,
.quantity input[type=number]::-webkit-outer-spin-button {
    opacity: 1 !important;
    filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(1deg) brightness(93%) contrast(101%) !important;
}


/* ---------------------------------------------------------
   4. VARIÁCIÓS KÁRTYÁK (JACKET & TROUSERS) ÉS DUPLÁZÓDÁS FIX
   --------------------------------------------------------- */

.single-product form.variations_form {
    position: relative;
}

/* Kártya konténer */
.single-product .variations_form .variations tr {
    position: relative;
    display: block;
    padding: 28px 30px;
    border: 1px solid rgba(201, 116, 2, 0.35);
    border-left: 2px solid #C97402;
    background: linear-gradient(135deg, rgba(201, 116, 2, 0.07), rgba(255, 255, 255, 0.015));
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
    transition: all 0.3s ease;
}

.single-product .variations_form .variations tr:hover {
    border-color: rgba(201, 116, 2, 0.65);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25), 0 0 20px rgba(201, 116, 2, 0.05);
}

/* Szekció Címsorok */
.single-product .variations_form .variations tr th.label {
    display: block;
    width: 100%;
    padding: 0 0 18px !important;
    text-align: left;
}

.single-product .variations_form .variations tr th.label label {
    font-family: 'Cinzel', serif !important;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #C97402 !important;
}

.single-product .variations_form .variations tr td.value {
    display: block;
    width: 100%;
    padding: 0 !important;
}

/* DUPLÁZÓDÓ SIZE (EU) MEZSÖNTÉSE (Eltávolítja a generált dupla szöveget) */
.single-product .variations_form .variations tr td.value::before {
    display: none !important;
    content: "" !important;
}

/* Select Mező */
.single-product .variations_form .variations select {
    width: 100%;
    min-height: 54px;
    padding: 0 18px;
    background: #181818 !important;
    color: #C8B9A5 !important;
    border: 1px solid rgba(200, 185, 165, 0.25) !important;
    border-radius: 2px !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    transition: all 0.3s ease;
}

.single-product .variations_form .variations select:hover,
.single-product .variations_form .variations select:focus {
    border-color: #C97402 !important;
    outline: none;
    box-shadow: 0 0 0 1px rgba(201, 116, 2, 0.2);
}

/* Clear Link */
.single-product .variations_form .reset_variations {
    display: inline-block;
    margin-top: 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #8F8375 !important;
    transition: all 0.3s ease;
}

.single-product .variations_form .reset_variations:hover {
    color: #C97402 !important;
}

/* Sarokdísz */
.single-product .variations_form .variations tr::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -2px;
    width: 35px;
    height: 35px;
    border-top: 2px solid #C97402;
    border-left: 2px solid #C97402;
    pointer-events: none;
}


/* ---------------------------------------------------------
   5. MODERN SZEKCIÓ ELVÁLASZTÓ (Jacket és Trousers között)
   --------------------------------------------------------- */

.single-product .variations_form .variations tr:not(:last-child) {
    margin-bottom: 45px !important;
}

.single-product .variations_form .variations tr:not(:last-child)::after {
    content: "" !important;
    position: absolute !important;
    bottom: -23px !important;
    left: 10% !important;
    width: 80% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #C97402, transparent) !important;
    border: none !important;
}


/* ---------------------------------------------------------
   6. LIGHTBOX BEZÁRÓ GOMB & DOKUMENTUM ÜZENETEK
   --------------------------------------------------------- */

.dialog-close-button,
.mfp-close,
.elementor-lightbox .dialog-close-button {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 18px !important;
    right: 18px !important;
    background: rgba(24, 24, 24, 0.92) !important;
    border: 1px solid rgba(201, 116, 2, 0.7) !important;
    border-radius: 50% !important;
    color: #C97402 !important;
    font-size: 26px !important;
    font-weight: 300 !important;
    transition: all 0.3s ease !important;
    z-index: 999999 !important;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.35);
}

.dialog-close-button:hover,
.mfp-close:hover,
.elementor-lightbox .dialog-close-button:hover {
    background: #C97402 !important;
    color: #181818 !important;
    border-color: #C97402 !important;
    transform: rotate(90deg) scale(1.08);
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message,
.single-product .alert,
.single-product .notice {
    font-family: 'Roboto', sans-serif !important;
    color: #C8B9A5 !important;
    background: linear-gradient(135deg, #1D1D1D, #151515) !important;
    border: 1px solid rgba(201, 116, 2, 0.45) !important;
    border-left: 3px solid #C97402 !important;
    border-radius: 3px !important;
    padding: 20px 25px !important;
    margin: 25px 0 !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25) !important;
}


/* ---------------------------------------------------------
   7. MOBIL NÉZET OPTIMALIZÁLÁS
   --------------------------------------------------------- */

@media (max-width: 767px) {
    .product_meta {
        margin-top: 25px !important;
        padding: 16px 18px !important;
    }
    .single_add_to_cart_button {
        width: 100%;
        padding: 15px 20px !important;
    }
    .single-product .product_title {
        font-size: 26px;
    }
    .single-product .variations_form .variations tr {
        padding: 22px 20px;
        margin-bottom: 25px;
    }
    .dialog-close-button,
    .mfp-close {
        width: 42px !important;
        height: 42px !important;
        top: 12px !important;
        right: 12px !important;
        font-size: 22px !important;
    }
}.single-product .quantity, 
.woocommerce .quantity,
.product .quantity input.qty {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;

}/* Ár beállítása fehérre az éles nézetben is */
.price, 
.summary .price .amount, 
.product-price,
.amount {
    font-size: 28px !important;
    font-weight: bold !important;
    color: #ffffff !important; /* Hófehér */
}
}/* Elválasztó vonal a főbb szekciók (Jacket, Trousers) előtt */
.summary h2, 
.product-section-title,
.composite_form .component_title {
    border-top: 1px solid rgba(255, 255, 255, 0.15); /* Halvány világos vonal a sötét háttéren */
    padding-top: 20px;
    margin-top: 25px;
}

/* Elválasztó vonal a kosárba rakás rész előtt */
.cart, 
.single_add_to_cart_button_wrap {
    border-top: 1px solid rgba(217, 130, 43, 0.3); /* Finom narancssárga keret az alsó szekció felett */
    padding-top: 20px;
    margin-top: 20px;
}/* A felesleges alcímek (Winter Set Jacket / Trousers) elrejtése */
.composite_component_title,
.component_title,
.product-title-sub {
    display: none !important;
}/* Bezáró (X) gomb beljebb igazítása a sarkokból */
.elementor-popup-modal .dialog-close-button,
.dialog-close-button {
    top: 20px !important;    /* Fentről lejjebb tolja */
    right: 50px !important;  /* Jobbról beljebb tolja */
}/* Mobilnézet optimalizálás (768px szélesség alatt) */
@media only screen and max-width: 768px {
    
    /* Popup ablak szélessége és margói mobilon */
    .elementor-popup-modal .dialog-widget-content,
    .dialog-lightbox-widget-content {
        width: 92% !important;
        max-width: 92% !important;
        margin: 0 auto !important;
        border-radius: 15px !important;
    }

    /* Belső elemek margóinak és térközeinek csökkentése */
    .dialog-widget-content .elementor-element,
    .summary, 
    .composite_form {
        padding: 15px !important;
    }

    /* Ár méretének igazítása a kisebb képernyőhöz */
    .price, 
    .summary .price .amount, 
    .product-price,
    .amount {
        font-size: 22px !important;
    }

    /* Címek méretének csökkentése mobilon */
    .summary h2, 
    .product_title {
        font-size: 20px !important;
    }

    /* Bezáró (X) gomb pozíciója mobilon */
    .elementor-popup-modal .dialog-close-button,
    .dialog-close-button {
        top: 12px !important;
        right: 12px !important;
    }
}
}.woocommerce .quantity input.qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button {
    opacity: 1 !important;
    display: block !important;
    margin: 0 !important;
    cursor: pointer;
}