/*
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.4.4.1760627732
Updated: 2025-10-16 17:15:32
*/
/* CART – MOBIL + TABLET: thumbnail hore, X vpravo, tablet bez rozťahovania labelov */
@media (max-width: 1024px) {

  /* každý riadok ako referenčný kontajner */
  .woocommerce-cart-form .shop_table tr.cart_item,
  .woocommerce table.shop_table tr.cart_item {
    position: relative;
  }

  /* THUMBNAIL nad názvom + bez dvojbodky labelu */
  .woocommerce-cart-form .shop_table tr.cart_item td.product-thumbnail,
  .woocommerce table.shop_table tr.cart_item td.product-thumbnail {
    display: block !important;
    text-align: center;
    margin: 14px 0 12px 0; /* na mobile zároveň vytvorí odstup od X */
    padding: 0;
  }
  .woocommerce-cart-form .shop_table tr.cart_item td.product-thumbnail::before,
  .woocommerce table.shop_table tr.cart_item td.product-thumbnail::before {
    content: none !important;
    display: none !important;
  }

  .woocommerce-cart-form .shop_table tr.cart_item td.product-thumbnail img,
  .woocommerce table.shop_table tr.cart_item td.product-thumbnail img {
    width: 120px;      /* môžeš dať 96–140px podľa vkusu */
    max-width: 60vw;
    height: auto;
    display: inline-block;
    border-radius: 6px;
  }
/* --- ÚPRAVA POZADIA VYSÚVACIEHO KOŠÍKA --- */

	.elementor-menu-cart__main {
    background-image: url('https://nekonecnekytice.sk/wp-content/uploads/2025/11/Pozadie_minicart2.jpg') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #fff;
}


  /* REMOVE (X) – vždy vpravo hore + bez labelu */
  .woocommerce-cart-form .shop_table tr.cart_item td.product-remove,
  .woocommerce table.shop_table tr.cart_item td.product-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    z-index: 3;
  }
  .woocommerce-cart-form .shop_table tr.cart_item td.product-remove::before,
  .woocommerce table.shop_table tr.cart_item td.product-remove::before {
    content: none !important;
    display: none !important;
  }
  .woocommerce a.remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    line-height: 1;
    border-radius: 9999px;
    text-decoration: none;
  }
}

/* TABLET: label + hodnota v jednom riadku (nie rozťahané) + väčší náhľad */
@media (min-width: 768px) and (max-width: 1024px) {

  /* labely „Produkt:“, „Cena:“ atď. – inline pred hodnotou */
  .woocommerce table.shop_table_responsive tr.cart_item > td,
  .woocommerce-cart-form .shop_table tr.cart_item > td {
    text-align: left !important;
    padding-top: 4px;
  }
  .woocommerce table.shop_table_responsive tr.cart_item > td::before,
  .woocommerce-cart-form .shop_table tr.cart_item > td::before {
    float: none !important;
    width: auto !important;
    margin: 0 8px 0 0 !important;
    text-align: left !important;
    display: inline-block !important;
  }

  /* žiadne labely pri thumb a remove */
  .woocommerce table.shop_table_responsive tr.cart_item td.product-thumbnail::before,
  .woocommerce table.shop_table_responsive tr.cart_item td.product-remove::before,
  .woocommerce-cart-form .shop_table tr.cart_item td.product-thumbnail::before,
  .woocommerce-cart-form .shop_table tr.cart_item td.product-remove::before {
    display: none !important;
    content: none !important;
  }

  /* väčší obrázok na tablete */
  .woocommerce-cart-form .shop_table tr.cart_item td.product-thumbnail img,
  .woocommerce table.shop_table tr.cart_item td.product-thumbnail img {
    width: 140px;
  }
}
/* KOŠÍK – doplň ": " za názvy riadkov v súhrne */
.elementor-widget-woocommerce-cart .cart_totals .shop_table tr.cart-subtotal th::after,
.elementor-widget-woocommerce-cart .cart_totals .shop_table tr.order-total   th::after,
.cart_totals .shop_table tr.cart-subtotal th::after,
.cart_totals .shop_table tr.order-total   th::after {
  content: ": " !important;
}

/* (voliteľné) aj za "Doprava" */
.elementor-widget-woocommerce-cart .cart_totals .shop_table tr.shipping th::after,
.cart_totals .shop_table tr.shipping th::after {
  content: ": " !important;
}

/* Ak WooCommerce prepne na responzívny režim a label je v td::before,
   uisti sa, že je tam aj dvojbodka + medzera */
.shop_table_responsive tr.cart-subtotal td::before,
.shop_table_responsive tr.order-total   td::before,
.shop_table_responsive tr.shipping      td::before,
.woocommerce-checkout-review-order-table tr.cart-subtotal td::before,
.woocommerce-checkout-review-order-table tr.order-total   td::before {
  content: attr(data-title) ": " !important;
}
/* --- ÚPRAVA VZHĽADU DARČEKA V KOŠÍKU (PLUGIN FREE GIFTS) --- */

/* 1. Nastaví hlavný kontajner darčeka tak, aby sa obrázok a text zobrazili vedľa seba. */
.adv-gift-section .wgb-product-item-cnt {
    display: flex;         /* Použije flexbox pre zarovnanie vedľa seba */
    align-items: center;   /* Vertikálne zarovná obsah na stred */
    gap: 15px;             /* Vytvorí medzeru 15px medzi obrázkom a textom */
}

/* 2. Zmenší kontajner, v ktorom je obrázok, a tým aj samotný obrázok. */
.adv-gift-section .wgb-item-thumb {
    flex-basis: 120px;      /* Nastaví ideálnu šírku kontajnera na 80px. Zmeňte si podľa potreby. */
    flex-shrink: 0;        /* Zabráni zmenšeniu kontajnera, ak by bolo málo miesta. */
}

/* 3. Zabezpečí, aby sa obrázok prispôsobil svojmu novému, menšiemu kontajneru. */
.adv-gift-section .wgb-item-thumb img {
    width: 100%;           /* Obrázok bude mať 100% šírky svojho kontajnera (teda 80px). */
    height: auto;          /* Výška sa automaticky prispôsobí. */
}
/* --- SKRYTIE NEPOTREBNÝCH PRVKOV V BLOKU S DARČEKOM --- */

/* 1. Úplné skrytie stránkovania, keďže máte len jeden darček */
.adv-gift-section .wgb-pagination-cnt {
    display: none !important;
}

/* 2. Úplné skrytie červenej čiary (progress baru) pod nadpisom */
.adv-gift-section .wgb-header-cnt::before,
.adv-gift-section .wgb-header-cnt::after {
    display: none !important;
}
/* --- SKRYTIE SIVÝCH ODDEĽOVACÍCH ČIAR PRI DARČEKU --- */

/* Cielime na kontajner samotného darčeka a odstraňujeme jeho horný a dolný okraj (čiaru). */
.adv-gift-section .wgb-product-item-cnt {
    border-top: none !important;
    border-bottom: none !important;
    padding-top: 15px !important; /* Voliteľné: Ak by bol obrázok po skrytí čiary príliš nalepený na nadpise, táto hodnota vytvorí peknú medzeru. Upravte podľa potreby. */
}
/* 1. Základný štýl tlačidla */
.adv-gift-section .wgb-add-gift-btn { /* Tento selektor by mal fungovať, ak nie, pošlite screenshot z "Preskúmať" priamo na tlačidle */
    border-radius: 5px !important;    /* Doplňte zaoblenie rohov, napr. 5px */
    border: 1px solid #562f13 !important; /* Doplňte farbu okraja, napr. #D3A993 */
    
    /* --- PÍSMO --- */
    color: #562f13 !important;  
    font-family: var(--e-global-typography-text-font-family ), Serif; !important;     
    font-size: var( --e-global-typography-text-font-size ) !important;        /* Doplňte veľkosť písma, napr. 16px */
    font-weight: var( --e-global-typography-text-font-weight ) !important;      /* Doplňte hrúbku písma, napr. 700 */
    
    /* --- ODSADENIE --- */
    padding: 8px !important;          /* Doplňte vnútorné odsadenie, napr. 12px 24px (12px hore/dole, 24px vľavo/vpravo) */
    
    /* --- PRECHODOVÝ EFEKT --- */
    transition: all 0.3s ease;        /* Zabezpečí plynulý prechod pri prejdení myšou */
}


/* 2. Štýl tlačidla po prejdení myšou (HOVER) */
.adv-gift-section .wgb-item-content a.wgb-add-gift-btn:hover {
    
    background-color: #dbba91 !important; /* Doplňte farbu pozadia pre HOVER */
    color: #562f13 !important; 
}
/* --- FINÁLNA A KOMPLETNÁ OPRAVA VŠETKÝCH MEDZIER V DARČEKOVOM BLOKU --- */

/* 1. OPRAVA MEDZERY NAD NADPISOM "DARČEK PRE VÁS" */
/* Cielime na celý darčekový kontajner a zmenšujeme jeho HORNÝ okraj. */
.woocommerce-cart-form .adv-gift-section.wgb-frontend-gifts {
    margin-top: 0px !important;
    margin-left: 16px !important;     /* Znižujte túto hodnotu (napr. 15px, 10px, 0), kým nebudete spokojný/á. */
    padding-top: 0 !important;       /* Pre istotu nulujeme aj horné vnútorné odsadenie. */
}


/* 2. OPRAVA MEDZERY MEDZI NADPISOM A OBRÁZKOM DARČEKA */
/* Cielime na kontajner s nadpisom a zmenšujeme jeho SPODNÝ okraj. */
.adv-gift-section .wgb-header-cnt {
    margin-bottom: 8px !important;
    padding-bottom: 0 !important;    /* Nulujeme aj spodné vnútorné odsadenie. */
}
.adv-gift-section .wgb-item-thumb {
    margin-left: 8px !important; /* Pridá 8px medzeru zľava, čím posunie obrázok doprava */
}
.adv-gift-section .wgb-title,          /* Hlavný nadpis "Darček Pre Vás" */
.adv-gift-section .wgb-item-title      /* Názov produktu */
{
    text-transform: none !important;
    font-weight: normal !important;
font-size: var( --e-global-typography-secondary-font-size )
}
.adv-gift-section .wgb-header-cnt div,  /* Podnadpis "k objednávke nad 70 €" */
.adv-gift-section .gift-price          /* Cena produktu ("Zadarmo") */
{
font-family: var(--e-global-typography-text-font-family ), Serif;
font-size: var( --e-global-typography-text-font-size )
}
.adv-gift-section .wgb-add-gift-btn     /* Text na tlačidle "Pridať Darček" */
{
    text-transform: none !important;}
.adv-gift-section .wgb-item-title a {
    
    font-family: var(--e-global-typography-text-font-family ) !important;      /* Doplňte názov vášho fontu, napr. "Playfair Display" */
    font-size: var( --e-global-typography-text-font-size ) !important;        /* Doplňte veľkosť písma, napr. 18px */
    font-weight: normal !important;      /* Doplňte hrúbku písma, napr. 400 (normal) alebo 700 (bold) */
              /* Doplňte farbu písma */
    
    text-decoration: none !important; /* Odstráni podčiarknutie, ak by tam bolo */
    
    /* Pre istotu zopakujeme aj toto pravidlo pre zrušenie veľkých písmen */
    text-transform: none !important;
}


/* 2. Štýl názvu produktu po prejdení myšou (HOVER) - voliteľné */
.adv-gift-section .wgb-item-title a:hover {
    
    color: ... !important;            /* Doplňte farbu písma pre HOVER */
}
/* --- ODSTRÁNENIE PODČIARKNUTIA Z CIEN DARČEKA --- */

/* 1. Cieli na cenu "0,00 €" v riadku košíka, keď už je darček pridaný. */
/* Predpokladám, že stále používame vlastnú triedu .darcek-v-kosiku z môjho kódu. Ak nie, dajte mi vedieť. */
.cart_item.darcek-v-kosiku .product-price .woocommerce-Price-amount ins,
.cart_item.darcek-v-kosiku .product-subtotal .woocommerce-Price-amount ins,
.product-price ins, .product-subtotal ins {
    text-decoration: none !important;
    border-bottom: none !important; /* Pre istotu odstránime aj spodný okraj, ak by bol použitý namiesto podčiarknutia. */
}

/* 2. Cieli na slovo "Zadarmo" v bloku pre výber darčeka. */
.adv-gift-section .gift-price a, .gift-price ins,
.adv-gift-section .gift-price span {
    text-decoration: none !important;
    border-bottom: none !important;
}
/* --- ÚPRAVA USPORIADANIA TEXTU A TLAČIDLA V SEKCI DARČEKA --- */

/* 1. Nastavíme kontajner s textovým obsahom (Title, Price, Button) tak,
      aby usporiadal svoje vnútorné prvky do stĺpca (pod seba). */
.adv-gift-section .wgb-item-content {
    display: flex !important;       /* Potrebujeme flexbox */
    flex-direction: column !important; /* Usporiada Title, Price, Button pod sebou */
    align-items: flex-start !important; /* Zarovná všetky prvky na ľavú stranu stĺpca */
    
    /* Pre istotu vynulujeme padding-top, ak bol predtým nastavený na posun doprava */
    padding-left: 0 !important;
}

/* 2. Zrušíme predtým nastavené "roztiahnutie" nadpisu, aby zaberal len potrebnú šírku. */
.adv-gift-section .wgb-item-title {
    flex-grow: 0 !important;         /* Zabezpečí, že nadpis nezaberie všetko voľné miesto */
    margin-bottom: 5px !important;   /* Medzera pod nadpisom */
}

/* 3. Pridáme medzery medzi cenu a tlačidlo */
.adv-gift-section .gift-price {
    margin-right: 0 !important;      /* Zrušíme predtým nastavený pravý okraj */
    margin-bottom: 5px !important;   /* Medzera pod cenou */
    margin-top: 5px !important;      /* Medzera nad cenou */
}

/* 4. Medzera nad tlačidlom */
.adv-gift-section .wgb-add-gift-btn {
    margin-top: 5px !important;      /* Medzera nad tlačidlom */
}
/* ==========================================================================
   FINÁLNY GLOBÁLNY ŠTÝL PRE TLAČIDLÁ MNOŽSTVA +/-
   Zaručí jednotný vzhľad na stránke produktu, v košíku aj v archíve.
   ========================================================================== */

/* 1. Spoločný selektor pre všetky umiestnenia - ZAROVNANIE */
.woocommerce div.product form.cart .quantity, /* Stránka produktu */
.woocommerce .cart_item .quantity,             /* Košík */
.woocommerce .product-quantity .quantity {      /* Archív a inde */
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Zarovnanie naľavo */
    gap: 4px !important; /* Malá medzera medzi prvkami */
}

/* 2. Spoločný selektor pre všetky umiestnenia - VZHĽAD TLAČIDIEL + a - */
.woocommerce div.product form.cart .quantity .plus,
.woocommerce div.product form.cart .quantity .minus,
.woocommerce .cart_item .quantity .plus,
.woocommerce .cart_item .quantity .minus,
.woocommerce .product-quantity .quantity .plus,
.woocommerce .product-quantity .quantity .minus,
.qib-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 25px !important;
    background-color: transparent !important; /* Priehľadné pozadie */
    border: 0px !important;   /* Farba okraja ladiaca s vaším webom */
    border-radius: 5px !important;
    color: #562f13 !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease;
}
/* 3. Spoločný selektor - EFEKT PO PREJDENÍ MYŠOU (HOVER) */
.woocommerce div.product form.cart .quantity .plus:hover,
.woocommerce div.product form.cart .quantity .minus:hover,
.woocommerce .cart_item .quantity .plus:hover,
.woocommerce .cart_item .quantity .minus:hover,
.woocommerce .product-quantity .quantity .plus:hover,
.woocommerce .product-quantity .quantity .minus:hover,
.qib-button:hover {
    background-color: #c9b7a8 !important; /* Farba pozadia sa zmení na farbu okraja */
    color: #ffffff !important;
}

/* 4. Spoločný selektor - VZHĽAD POLÍČKA S ČÍSLOM */
.woocommerce div.product form.cart .quantity .qty,
.woocommerce .cart_item .quantity .qty,
.woocommerce .product-quantity .quantity .qty {
    width: 35px !important;
    height: 25px !important;
    font-size: 16px;
    text-align: center !important;
    border: 1px solid #dbba91 !important; /* Rovnaký okraj ako tlačidlá */
    border-radius: 5px !important;
    background-color: transparent !important;
    padding: 0 !important;
}
.qib-button-wrapper .quantity input.input-text.qty.text {
    font-size: 18px; !important;
}
/* 5. Vynulovanie zvláštnych štýlov v košíku */
.woocommerce .cart_item .quantity .plus,
.woocommerce .cart_item .quantity .minus {
    float: none !important; /* Zrušíme float, ktorý to mohol rozbiť */
    margin: 0 !important;
}
.qib-button-wrapper button.qib-button,
.qib-button-wrapper div.quantity.wqpmb_quantity {
    height: 25px !important; /* Alebo akákoľvek hodnota, ktorú ste si zvolili */
    /* ... prípadné ďalšie úpravy ... */
}
/* ==========================================================================
   FINÁLNA OPRAVA ZOBRAZENIA KOŠÍKA (TABLET + MOBIL)
   ========================================================================== */

/* Pravidlá pre všetky zariadenia menšie ako 1024px (tablety a mobily) */
@media (max-width: 1024px) {

    /* 1. Každú bunku tabuľky spravíme flexibilnou pre dokonalé zarovnanie. */
    .woocommerce-cart-form .cart_item td {
        display: flex !important;
        justify-content: space-between !important; /* Odtlačí nadpis a hodnotu od seba */
        align-items: center !important;          /* Vertikálne zarovná na stred */
        text-align: right !important;              /* Hodnotu zarovná doprava */
        padding: 0px 8px !important;             /* Jednotné odsadenie */
        border-bottom: 1px solid #f0ebe5 !important; /* Jemná oddeľovacia čiara */
    }
    
    .woocommerce-cart-form .cart_item td:last-child {
        border-bottom: none !important; /* Posledná bunka nebude mať čiaru */
    }

    /* 2. Správne nastyľujeme a umiestnime nadpis ("Produkt:", "Cena:", atď.). */
    .woocommerce-cart-form .cart_item td::before {
        content: attr(data-title); /* Načíta názov z HTML atribútu */
        font-weight: normal;       /* Alebo 'bold', ak chcete výraznejší nadpis */
        color: #867566;            /* Farba nadpisu podľa vášho dizajnu */
        text-align: left !important;
        margin-right: 15px;        /* Medzera medzi nadpisom a hodnotou */
    }

    /* 3. Špeciálne pravidlo pre bunku s názvom produktu, aby sa nerozbila. */
    .woocommerce-cart-form .cart_item td.product-name {
        flex-wrap: wrap; /* Dovolí obrázku a textu, aby išli pod seba, ak treba */
    }

    /* 4. Oprava pre ovládanie množstva - zabezpečí, že bude vždy spolu. */
    .woocommerce-cart-form .cart_item .quantity {
        margin: 0 !important; /* Vynuluje akékoľvek odsadenie, ktoré by ho rozbíjalo */
    }

    /* 5. Skryjeme nadbytočné hlavičky tabuľky */
    .woocommerce-cart-form .shop_table thead {
        display: none !important;
    }
}