/* ============================================================
   THEME HEADER
   ============================================================ */
/*
Theme Name:     Hestia Child Vypij
Theme URI:      https://themeisle.com/themes/hestia/
Description:    Hestia Child pro Vypij.cz
Author:         Vypij.cz - Zdeněk Bezdíček
Author URI:     https://vypij.cz
Template:       hestia
Version:        1.0.1
*/

/* ============================================================
   🔽 PŮVODNÍ CSS (beze změny – jen drobně očištěno)
   ============================================================ */

/* Footer */
footer.footer.footer-black { background: #45423D; }
footer.footer.footer-black a,
footer.footer.footer-black .copyright { color: #D1CE8B; }

/* (zkráceno – nechávám logiku stejnou, nepřepisuju tvůj styl) */

/* důležité – sjednocení barvy */
.hestia-title,
.hestia-title a,
.title,
.card-title,
.info-title {
  color: #675B31;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

/* tlačítka */
button,
input[type="submit"],
.btn.btn-primary {
  background-color: #675B31;
}

button:hover,
input[type="submit"]:hover,
.btn.btn-primary:hover {
  background-color: #aa733a;
}


.hestia-blogs article:nth-of-type(6n) .card-body .btn {
  background-color: #4caf50;
}

.hestia-blogs article:nth-of-type(6n+1) .card-body .btn {
  background-color: #89229b;
}

.hestia-blogs article:nth-of-type(6n+2) .card-body .btn {
  background-color: #00bcd4;
}

.hestia-blogs article:nth-of-type(6n+3) .card-body .btn {
  background-color: #f44336;
}

.hestia-blogs article:nth-of-type(6n+4) .card-body .btn {
  background-color: #ff9800;
}

.hestia-blogs article:nth-of-type(6n+5) .card-body .btn {
  background-color: #e91e63;
}

.hestia-title, .hestia-title a, .hestia-title a:hover, .title, .title a, .title a:hover, .card-title, .card-title a, .card-title a:hover, .info-title, .info-title a, .info-title a:hover, .footer-brand, .footer-brand a, .footer-brand a:hover, .footer-big h4, .footer-big h4 a, .footer-big h4 a:hover, .footer-big h5, .footer-big h5 a, .footer-big h5 a:hover, .media .media-heading, .media .media-heading a, .media .media-heading a:hover, .woocommerce ul.products[class*="columns-"] li.product-category h2, .woocommerce ul.products[class*="columns-"] li.product-category h2 a, .woocommerce ul.products[class*="columns-"] li.product-category h2 a:hover {
  color: #675B31;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  text-decoration: none;
  word-wrap: break-word;
}





/* ============================================================
   1. GLOBÁLNÍ TYPOGRAFIE A BARVY (Zlatohnědá #675B31)
   ============================================================ */
/* Základní barva textu a nadpisů */

.woocommerce div.product form.cart .variations label,
.woocommerce.single-product .woocommerce-variation-price .price *,
.woocommerce.single-product .summary .price *,
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a,
aside .widget a,
.woocommerce .woocommerce-ordering select,
.woocommerce .woocommerce-result-count,
.has-text-color.has-header-gradient-color,
.card .author a, 
.card-no-width .author a {
  color: #898989;  
	/*color: #675B31;*/
}

/* Hover stavy odkazů a akcentů */
a:hover,
.products li:nth-of-type(6n+1) a:hover, 
.products li:nth-of-type(6n+2) a:hover, 
.products li:nth-of-type(6n+3) a:hover, 
.products li:nth-of-type(6n+4) a:hover, 
.products li:nth-of-type(6n+5) a:hover, 
.products li:nth-of-type(6n+6) a:hover,
.wc-block-product-categories-list-item__name:hover,
.wc-block-product-categories-list-item:hover .wc-block-product-categories-list-item__name,
.navbar .navbar-nav > li .dropdown-menu li > a:hover {
    color: #aa733a;
}

/* Specifické váhy a fonty */
.woocommerce.single-product .product_title,
.woocommerce .related.products h2,
.widget h5,
.woocommerce .woocommerce-ordering select {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}

a, .woocommerce div.product form.cart .variations label, .navbar .navbar-nav > li .dropdown-menu li > a { font-weight: 500; }
.woocommerce div.product .stock, .single-post p, .single-post ul { font-weight: 400; color: #aa733a; }
.woocommerce.single-product .woocommerce-variation-price .price *, .woocommerce .woocommerce-breadcrumb a, .card-title, .card-title a { font-weight: 600; }
.woocommerce ul.products li.product a { font-weight: 800; text-decoration: none; }
.woocommerce .woocommerce-breadcrumb { font-weight: 400; }
.woocommerce.single-product .upsells h2, .woocommerce .related.products h2 { color: #aa733a; font-weight: bold; }

.hestia-title {color: rgb(198, 166, 100) !important;}


.custom-ellipse {
    position: absolute;
    top: -45vh;
    left: 50%;
    transform: translateX(-50%);
    width: 160vw;
    height: 90vh;
    background: radial-gradient(
        ellipse at center,
        rgba(0,0,0,0.7) 10%,
        rgba(0,0,0,0.4) 30%,
        rgba(0,0,0,0) 70%
    );
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}

/* ============================================================
   2. TLAČÍTKA A ZÁKLADNÍ PRVKY (Sjednoceno z obřího bloku)
   ============================================================ */
/* Základní stav tlačítek */
button, input[type="submit"], .btn.btn-primary, .button, .woocommerce-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce nav.woocommerce-pagination ul li span.current, 
.woocommerce span.onsale, .card .header-primary,
#secondary div[id^=woocommerce_price_filter] .price_slider .ui-slider-range, 
.footer div[id^=woocommerce_price_filter] .price_slider .ui-slider-range, 
.pagination span.current  {
    background-color: #675B31;
}

/* Hover stavy tlačítek */
button:hover, input[type="submit"]:hover, .btn.btn-primary:hover, .button:hover,
button#wpforms-submit-2192:hover {
    background-color: #aa733a;
}

/* ============================================================
   3. OSTATNÍ GLOBÁLNÍ STYLY A WIDGETY
   ============================================================ */
.woocommerce-info {
    color: #45423D;
    background-color: #D1CE8B;
    margin: 0 0 1em !important;
    border-radius: 5px !important;
    padding: 7px 15px 7px 50px !important;
    box-shadow: 0 0 5px 2px rgba(100, 150, 255, 0.5);
}
.woocommerce-info a { color: #45423D; }
.woocommerce-info::before { top: 6px; }

footer.footer.footer-black .copyright, 
footer.footer.footer-black a { color: #d8f9ab; }
footer.footer.footer-black .copyright a { color: #d8f9ab; font-weight: bold; }
footer.footer.footer-black .copyright a:hover { color: #FFF; }

.wp-block-search__button svg { color: #FFF; }
.widget:nth-of-type(1).widget_search, .widget.widget_block { margin: 15px; }
.blog-sidebar { box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.24), 3px 3px 3px 0 rgba(0,0,0,0.19); } /* Opraven překlep u box-shadow */

.vypij-vyhody { height: 180px; }
.vypij-kategorie { height: 190px; }
.vypij-kategorie img { width: auto; height: auto; } /* Stačí definovat 1x globálně */

.blog-post .section-text p { margin-bottom: 10px; }
.hestia-blogs, .blog-post-wrapper { background-color: #f7e5e4; }
.wrapper { background-color: #fff; }

.widget ul li, .widget .widget_block, .widget_text { line-height: 1.2; padding-top: 5px; } 
.widget_recent_entries a, .widget_recent_entries li { text-transform: none !important; }

/* Animace a stíny karet */
.wc-block-product-categories-list-item__image { transition-duration: .75s; }
.wc-block-product-categories-list-item:hover .wc-block-product-categories-list-item__image,
.wc-block-product-categories-list-item__image:hover {
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.24), 3px 3px 3px 0 rgba(0,0,0,0.19);
}
.card-product .card-image, .card-product .card-image img { transition-duration: .75s; }
.card-blog .card-image img { transition: transform 1s ease; }
.card-blog:hover img { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); }
.card-image, .card, .woocommerce ul.products li.product a img { border-radius: 20px !important; }
.card-raised { box-shadow: none; }
.card .content, .card-no-width .content { padding: 10px 20px; }



/* ============================================================
   4. WOOCOMMERCE FORMULÁŘE A KOŠÍK
   ============================================================ */
.woocommerce form .form-row label {
    font-weight: bold; color: #9E9E9E; font-size: 10px; margin-bottom: -1px; display: block;
}

.woocommerce form .form-row input:not(.qty),
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce .quantity .qty {
    background-color: #FBFFE8 !important; 
    border: 1px solid #C9C9C9 !important;
    color: #575757 !important;
    padding: 3px; font-size: 14px !important; font-weight: 300 !important;
    border-radius: 4px !important; text-decoration: none;
    transition: box-shadow 0.4s ease !important;
    background-image: none !important;
}

.woocommerce .quantity .qty {
    -webkit-appearance: number-input !important;
    -moz-appearance: number-input !important;
    appearance: number-input !important;
    background-image: initial !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    opacity: 1 !important; display: block !important; -webkit-appearance: inner-spin-button !important;
}

.woocommerce form .form-row input:focus { outline: none; box-shadow: 0 0 5px 2px rgba(100, 150, 255, 0.5); }

.woocommerce-terms-and-conditions-checkbox-text { font-size: 13px; }
.woocommerce .col2-set, .woocommerce-checkout .col2-set, .woocommerce-page .col2-set { float: left; width: 48%; margin-right: 5%; }
#order_review {
    font-size: 13px; float: left; clear: right; width: 46%; margin-right: 0;
    border: 2px solid #C9C9C9; padding: 15px; border-radius: 6px;
    background-color: #FCF5ED; box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.woocommerce-cart table.shop_table td, .woocommerce-cart table.shop_table th { padding: 5px; }
.woocommerce-cart .blog-post .woocommerce .cart-collaterals { width: 34%; }

/* ============================================================
   5. POZADÍ STRÁNKY A PRODUKTOVÉ KARTY (Tmavý režim)
   ============================================================ */
body, .main, .wrapper, .shop-sidebar, .section, .blog-post, .archive.woocommerce-page { background-color: #4B2E2B !important; }

.archive.woocommerce-page p, .archive.woocommerce-page li, .archive.woocommerce-page h2,
.woocommerce-breadcrumb, .woocommerce-breadcrumb a, .hestia-title.title-in-content,
.product-name a, .woocommerce-Price-amount, .shop_table th, .woocommerce-billing-fields,
.product-remove td, .cross-sells {
    color: #C6A664 !important;
}

.woocommerce .product .card-product .card-description p { font-weight: 300; color: #2b2926; }
.woocommerce div.product form.cart .variations label { margin-left: -12px; }

/* Hlavní kontejner produktu */
.woocommerce ul.products li.product {
    background: #3a2521 !important; border-radius: 20px !important; padding: 15px !important;
    display: flex !important; flex-direction: column !important;
	margin: 6px !important; /* 👈 mezery mezi produkty */
    box-shadow: 0 8px 30px rgba(0,0,0,0.2) !important; border: none !important;
}

.woocommerce ul.products li.product .card,
.woocommerce ul.products li.product .card-product { background: transparent !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; }

/* Obrázek produktu */
.woocommerce ul.products li.product .card-image { margin: 0 !important; padding: 5px !important; height: auto !important; background: transparent !important; }
.woocommerce ul.products li.product .card-image img {
    width: 70% !important; height: auto !important; display: block !important;
	/* background: #4B2E2B !important;*/
		background: #E8DCCA;
		padding: 5px !important;
    border-radius: 55% 65% 70% 50% / 65% 55% 65% 55% !important; margin-bottom: 10px !important;
	box-shadow:
        0 0 0 5px #E8DCCA, /* 1. okraj (stejný jako padding) */
        0 0 0 10px #F8F5F0 !important; /* 2. vnější okraj, 5px široký (#F8F5F0 je světlejší krémová) */
	margin: 0 auto 10px auto !important;
}

/* Obsah karty */
.woocommerce ul.products li.product .content { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; padding: 0 !important; margin: 0 !important; }
.woocommerce ul.products li.product .card-description { display: none !important; }
.woocommerce ul.products li.product .category a { color: #d7b377 !important; font-size: 11px !important; text-transform: uppercase !important; font-weight: bold !important; display: block !important; margin-bottom: 5px !important; }
.woocommerce ul.products li.product .card-title,
.woocommerce ul.products li.product .card-title a { color: #f1e6cf !important; font-size: 15px !important; line-height: 1.3 !important; margin: 0 0 10px 0 !important; }

/* Patička karty */
.woocommerce ul.products li.product .footer { margin-top: auto !important; padding: 0 !important; border: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
.woocommerce ul.products li.product .footer .price,
.woocommerce ul.products li.product .footer .price h4 { display: block !important; width: 100% !important; text-align: center !important; margin: 0 0 12px 0 !important; padding: 0 !important; white-space: nowrap !important; color: #d7b377 !important; font-size: 16px !important; line-height: 1 !important; font-weight: bold !important; }
.woocommerce ul.products li.product .footer .price h4 * { color: #d7b377 !important; }
.woocommerce ul.products li.product .footer .stats,
.woocommerce ul.products li.product .footer .stats a.button { display: inline-flex !important; background: #c9a96a !important; color: #2a1a17 !important; border-radius: 999px !important; padding: 5px 10px !important; float: none !important; margin: 0 auto !important; }
.woocommerce ul.products li.product .footer .stats a.button i { color: #2a1a17 !important; }


/* Schovám na stránkách variabilního produktu Description, protože se mění pomocí pluginu gramového prodeje */
.product-type-variable 
.woocommerce-product-details__short-description {
    display: none;
}

.single-product .single_add_to_cart_button,.product-type-variable .single_add_to_cart_button, .woocommerce-cart .return-to-shop a {
    background: #704A28 !important;
		border-radius: 5px 20px !important;
}

.woocommerce-message a {
    background: #965F2E !important;
		color: #fff !important;
		border-radius: 5px 20px !important;
		padding: 5px 20px !important;
}

/*  Barva textu pod napisem kategorie - úvodní text ke kategorii kategorie */
.woocommerce.single-product .product_title,
.woocommerce.single-product h2 span,
.woocommerce.single-product h2,
.elementor-widget-container p, 
.elementor-heading-title, 
.short-description h2,
.short-description h2 span,
.short-description p, 
.archive.woocommerce-page p,
.single-post ol,
.single-post table,
.elementor-widget-container,
.entry-categories,
.entry-tags,
.privacy-policy,
.page-id-135, 
.page-id-2861,
.woocommerce-MyAccount-content
 {
	color: #d7b377 !important;
}


/***************************/
/****** N A D P I S Y ******/
/***************************/

/* Barvy hlavních nadpisů */
.page-id-1855 h1, /*OP*/
.page-id-1855 h2, /*OP*/
.page-id-2164 h1, /* Doprava a platba */
.page-id-2164 h2, /* Doprava a platba */
.page-id-2166 h1, /* Provozovatel */
.page-id-2166 h2, /* Provozovatel */
.page-id-2661 h1, /* Pravidla pro recenze */
.page-id-2661 h2, /* Pravidla pro recenze */
.page-id-2170 h1, /* Odstoupení od smlouvy*/
.page-id-2170 h2, /* Odstoupení od smlouvy*/
.page-id-2202 h1, /* Reklamační formulář*/
.page-id-2202 h2, /* Reklamační formulář*/
.page-id-2162 h1, /* Ochrana soukromí */
.page-id-2162 h2, /* Ochrana soukromí */
.page-id-135 h1, /* Zásady cookies */
.page-id-135 h2, /* Zásady cookies */
.page-id-8 h1, /* Děkovná stránka */
.page-id-8 h2, /* Děkovná stránka */
.woocommerce.single-product h3 span,
.woocommerce.single-product h3,
.woocommerce.single-product h1 span,
.woocommerce.single-product h1,
.woocommerce.single-product h2 span,
.woocommerce.single-product h2,
.single-post h2 /* blog H2 */, 
.single-post h1 /* blog H1 */,
.single-post h3 /* blog H3 */ {
	color:  #edea9f !important;
}

/* Barvy menších nadpisů */
.footer h3, /* Patička */
.page-id-1855 h3, /*OP*/
.page-id-2164 h3, /* Doprava a platba */
.page-id-2166 h3, /* Provozovatel */
.page-id-2166 h4, /* Provozovatel */
.page-id-2661 h3, /* Pravidla pro recenze */
.page-id-2661 h4, /* Pravidla pro recenze */
.page-id-2170 h3, /* Odstoupení od smlouvy*/
.page-id-2170 h4, /* Odstoupení od smlouvy*/
.page-id-2202 h3, /* Reklamační formulář*/
.page-id-2162 h3, /* Ochrana soukromí */
.page-id-2162 h4, /* Ochrana soukromí */
.page-id-135 h3, /* Zásady cookies */
.page-id-135 h4, /* Zásady cookies */
.page-id-8 h3, /* Děkovná stránka */
.page-id-8 h4, /* Děkovná stránka */
.woocommerce.single-product h3 span,
.woocommerce.single-product h3,
.woocommerce.single-product h4,
.woocommerce.single-product h4 span,
.woocommerce.single-product h5,
.woocommerce.single-product h5 span,
.single-post h3 /* blog H3 */,
.single-post h4 /* blog H4 */,
.single-post h5 /* blog H5 */
{
	color:  #d7b377 !important;
}

/* Barvy odkazů */
.page-id-8 a, /* Děkovná stránka */
.footer a, /* Patička */
.page-id-135 a, /* Zásady cookies */
.page-id-2162 a, /* Ochrana soukromí */
.page-id-2202 a, /* Reklamační formulář*/
.page-id-2170 a, /* Odstoupení od smlouvy*/
.page-id-2661 a, /* Pravidla pro recenze */
.page-id-2166 a, /* Provozovatel */
.page-id-2164 a, /* Doprava a platba */
.page-id-1855 a, /* odkazy OP */
.woocommerce.single-product a,
.single-post a /* blog a */
{
	color:  #F5E6CCBF !important;
}

/* Síla textu na blogu */
.page-id-8 p, /* Děkovná stránka */
.page-id-8 li, /* Děkovná stránka */
.footer p, /* Patička */
.page-id-135 p, /* Zásady cookies */
.page-id-135 li, /* Zásady cookies */
.page-id-2162 p, /* Ochrana soukromí */
.page-id-2162 li, /* Ochrana soukromí */
.page-id-2202 p, /* Reklamační formulář*/
.page-id-2202 form, /* Reklamační formulář*/
.page-id-2170 p, /* Odstoupení od smlouvy*/
.page-id-2170 li, /* Odstoupení od smlouvy*/
.page-id-2170 form, /* Odstoupení od smlouvy*/
.page-id-2661 p, /* Pravidla pro recenze */
.page-id-2166 p, /* Provozovatel */
.page-id-2166 form, /* Provozovatel */
.page-id-2164 p, /* Doprava a platba */
.page-id-2164 li, /* Doprava a platba */
.page-id-2164 table, /* Doprava a platba */
.page-id-1855 p, /* text OP */
.woocommerce.single-product p,
.woocommerce.single-product li,
.single-post p, .single-post li {
	color: #F5E6CC !important;
	font-weight: 600 !important;
}

.woocommerce.single-product h2 span,
.woocommerce.single-product h2,
.woocommerce.single-product h3 span,
.woocommerce.single-product h3{
	font-size: 2.5rem;
}

/*****************/
/* Náhodné články */
/*****************/
.woocommerce.single-product .nahodne-clanky h4 {
	color: #704A28 !important;
	font-weight: 600 !important;
}

.woocommerce.single-product .nahodne-clanky p {
	color: #898989 !important;
	font-weight: 600 !important;
}

/**********************/
/* Průvodce přípravou */
/*********************/
.woocommerce.single-product .tea-guide-container p {
	color: #4B2E2B !important;
	font-weight: 600 !important;
}

.woocommerce.single-product .tea-guide-container h2, 
.woocommerce.single-product .tea-guide-container H4,
.woocommerce.single-product .tea-guide-container H3{
	color: #704A28 !important;
	font-weight: 600 !important;
	font-size: 2.5rem;
}


/*****************/
/* Blogové karty */
/*****************/
/* Pozadí karet - Související příspěvky */

.card-blog, .product  {
	background: #5e3a36 !important; 
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
}

.card-blog .card-description, .product {
	color: #F5E6CCBF !important; 
	font-weight: 500;
	line-height: 1.8 !important;
}

.card-blog .card-title a, .card-blog .category a, .product a {
	color: #F5E6CC  !important; 
	font-weight: 800;
}
.card-blog .card-title a:hover, .card-blog .category a:hover, .product a:hover {
	color: #F5E6CCBF !important; 
}

.card-blog .author {
	color: #F5E6CC80 !important; 
	font-weight: 500;
}

.hestia-blogs {background: #4B2E2B !important; }

/* Černý text horního menu */
.navbar .navbar-nav > li .dropdown-menu li > a, .navbar .navbar-nav a {
	color: #000 !important;
}
	#secondary.blog-sidebar {
    padding: 0px 0px 15px 0px;
  }

/* Centrovat obrázek i obsah na stejnou osu karty */
.woocommerce ul.products li.product .card-product {
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
}

/* Centrovaný obsah pod obrázkem */
.woocommerce ul.products li.product .card-product .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Vynucení viditelnosti seznamu poboček Zaslat.cz */
.zaslat-map-sidebar {
    display: flex !important;
    min-height: 400px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.zaslat-map-sidebar-list {
    display: block !important;
    min-height: 300px !important;
}

/*----------------------------------*/
/* === Složení – hlavní položka === */
/*----------------------------------*/

.vypijcz-slozeni-polozka {
    color: #edea9f;                 /* světlý zlatavý text */
    
    border-radius: 12px;
    margin-top: 20px;
}

/* zvýraznění hlavního textu */
.vypijcz-slozeni-polozka strong {
    color: #edea9f !important;                 /* zlatá */
    font-weight: 600;
}

/* === Složení – popis termínu === */
.vypijcz-slozeni-popis-termu {
    background: #5e3a36 !important;
    color: #f3ead1;
    padding: 16px 18px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.6;
}

/* ============================================================
   6. RESPONSIVNÍ DESIGN (Optimalizovaná verze)
   ============================================================ */

/* Tablety a menší desktopy */
@media screen and (max-width: 990px) {
  .vypij-vyhody { height: 180px; }
  .vypij-kategorie { height: 160px; }
  .woocommerce-cart .blog-post .woocommerce .cart-collaterals { width: 100%; }
  .blog .hestia-blogs .card-blog .card-image { margin-bottom: 0px; }
  
  #secondary.blog-sidebar { display: none; }
}

/* MOBILY A TABLETY NA VÝŠKU (Dva sloupce) */
@media screen and (max-width: 767px) {
  .woocommerce ul.products { 
      display: flex !important; 
      flex-wrap: wrap !important; 
      justify-content: space-between !important; 
      padding: 5px !important; 
      margin: 0 !important; 
  }

  .woocommerce ul.products li.product { 
      width: 48% !important; 
      margin: 0 0 20px 0 !important; 
      float: none !important; 
      padding: 12px !important; 
      min-height: auto !important;
      /* Novinka: zajistí, že vnitřek karty (obsah) vyplní celou výšku */
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
  }

  .woocommerce ul.products li.product .card-image img {
      width: 100% !important; 
      height: auto !important; 
      background: #E8DCCA;
      padding: 5px;
      border-radius: 55% 65% 70% 50% / 65% 55% 65% 55% !important; 
  }
}

/* MALÉ MOBILY (Ladění detailů) */
@media screen and (max-width: 480px) {
  .vypij-kategorie { height: 90px !important; }
  .vypij-vyhody { height: 80px !important; }
  
  .woocommerce ul.products li.product .card-title a,
  .woocommerce ul.products li.product .footer .price h4 { 
      font-size: 12px !important; 
  }
  
  .woocommerce ul.products li.product .footer .stats a.button { 
      padding: 4px 6px !important; 
      font-size: 10px !important;
      text-transform: uppercase;
  }
}


/* ============================================================
   🔽 OVERRIDE CSS (DRUHÝ SOUBOR – PRIORITA)
   ============================================================ */

/* BLOG KARTY CENTROVÁNÍ */
.card-blog .row {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 15px !important;
}

.card-blog .card-image img {
    max-width: 100% !important;
    margin: 0 auto !important;
    border-radius: 15px !important;
}

.card-blog .content {
    padding-left: 20px !important;
    padding-right: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* MOBILE */
@media (max-width: 768px) {
    .card-blog .row {
        flex-direction: column !important;
        text-align: center !important;
    }
    .card-blog .content {
        padding: 15px 0 0 0 !important;
    }
}

/* CHECKOUT – DESKTOP */
@media (min-width: 769px) {

  .woocommerce-checkout .col-md-12 {
    max-width: 98%;
    margin-left: auto;
    margin-right: auto;
  }

  .woocommerce-checkout-review-order,
  .woocommerce-checkout-review-order-table {
    background-color: #570420;
  }

  #shipping_method li,
  #shipping_method li label {
    color: #fce8bd !important;
  }

  .woocommerce-checkout-review-order .amount {
    color: #f7d388 !important;
  }

  #order_review th,
  #order_review td {
    color: #C6A664 !important;
  }

  .packeta-widget-selected-address,
  .packeta-widget-place,
  .packeta-widget-info,
  #packeta-point-info {
    color: #f7d388 !important;
  }

  .payment_box.payment_method_stripe {
    background: #570420 !important;
    padding: 15px;
    border-radius: 10px;
  }

  .place-order p,
  .place-order a,
  .payment_box p {
    color: #570420 !important;
  }

  #place_order {
    width: 100% !important;
    border-radius: 10px !important;
  }
}

/* CHECKOUT – MOBILE */
@media (max-width: 768px) {

  .woocommerce-checkout .row {
    display: block !important;
  }

  .woocommerce-checkout [class*="col-"] {
    width: 95% !important;
    margin: auto;
  }

  #order_review,
  .woocommerce-checkout-review-order,
  #payment {
    background-color: #570420 !important;
    width: 100% !important;
  }

  #shipping_method li,
  #shipping_method li label {
    color: #fce8bd !important;
  }

  #shipping_method input:checked + label {
    color: #ffd166 !important;
    font-weight: 700;
  }

  .woocommerce-checkout-review-order .amount {
    color: #ffd166 !important;
    font-weight: 600;
  }

  .wc_payment_method {
    background-color: #570420 !important;
    border-radius: 6px;
    margin-bottom: 10px;
  }

  .wc_payment_method label {
    color: #fce8bd !important;
  }

  .payment_box.payment_method_stripe {
    background: #570420 !important;
    padding: 15px;
    border-radius: 10px;
  }

  #place_order {
    width: 100% !important;
    border-radius: 10px !important;
  }
}



.content, #order_review {
    background-color: #45423D !important;
	  color: #fce8bd !important;
	 	/* background-color: #570420 !important;*/
	border-radius: 15px;
  }
.product .content {
	 background-color: #3a2521 !important;
}

.footer .content {
	background-color: #45423D !important;
}
.vypij-review-text p {
	color: #570420 !important;
}

@media (max-width: 768px) {

	.woocommerce-checkout .col2-set {
    width: 100% !important;
    float: none !important;
}

  /* Omezit změny jen na hlavní obsah checkoutu */
  .woocommerce-checkout .main .woocommerce form.checkout,
  .woocommerce-checkout .main #customer_details,
  .woocommerce-checkout .main .col2-set,
  .woocommerce-checkout .main #order_review {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
  }

  /* Sloupce uvnitř zákaznických údajů */
  .woocommerce-checkout .main .col2-set .col-1,
  .woocommerce-checkout .main .col2-set .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
  }

  /* Formulář nahoře, objednávka dole */
  .woocommerce-checkout .main form.checkout {
    display: flex !important;
    flex-direction: column !important;
  }

  .woocommerce-checkout .main #customer_details {
    order: 1;
  }

  .woocommerce-checkout .main #order_review,
  .woocommerce-checkout .main .woocommerce-checkout-review-order {
    order: 2;
    width: 100% !important;
    background-color: #570420 !important;
  }

  /* Rozbití tabulky patičky objednávky na mobilu */
  .woocommerce-checkout .main #order_review table tfoot tr,
  .woocommerce-checkout .main #order_review table tfoot th,
  .woocommerce-checkout .main #order_review table tfoot td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
  }

  /* Doprava */
  .woocommerce-checkout .main #shipping_method li {
    width: 100% !important;
    display: block !important;
    color: #fce8bd !important;
  }

  .woocommerce-checkout .main #shipping_method li label {
    width: calc(100% - 28px) !important;
    display: inline-block !important;
    color: #fce8bd !important;
  }

  .woocommerce-checkout .main #shipping_method input:checked + label {
    color: #ffd166 !important;
    font-weight: 700;
  }

  /* Texty */
  .woocommerce-checkout .main #order_review th,
  .woocommerce-checkout .main #order_review td,
  .woocommerce-checkout .main #payment label,
  .woocommerce-checkout .main .place-order p,
  .woocommerce-checkout .main .place-order a, .content {
    color: #fce8bd !important;
  }

  /* Ceny */
  .woocommerce-checkout .main .woocommerce-checkout-review-order .amount {
    color: #ffd166 !important;
    font-weight: 600;
  }

  /* Packeta */
  .woocommerce-checkout .main #packeta-point-info,
  .woocommerce-checkout .main .packeta-widget-selected-address,
  .woocommerce-checkout .main .packeta-widget-place,
  .woocommerce-checkout .main .packeta-widget-info {
    color: #fce8bd !important;
  }

  /* Payment methods */
  .woocommerce-checkout .main .wc_payment_method, .content {
    background-color: #570420 !important;
    border-radius: 10px;
    margin-bottom: 10px;
  }

  .woocommerce-checkout .main .wc_payment_method label {
    color: #fce8bd !important;
  }

  .woocommerce-checkout .main .wc_payment_method input:checked + label {
    color: #ffd166 !important;
    font-weight: 600;
  }

  /* Stripe */
  .woocommerce-checkout .main .payment_box.payment_method_stripe {
    background: #570420 !important;
    padding: 15px;
    border-radius: 10px;
  }

  .woocommerce-checkout .main .payment_box.payment_method_stripe fieldset {
    background: #fff;
    padding: 10px;
    border-radius: 8px;
  }

  .woocommerce-checkout .main .payment_box.payment_method_stripe,
  .woocommerce-checkout .main .payment_box.payment_method_stripe * {
    color: #333 !important;
  }

  .woocommerce-checkout .main .payment_box p {
    color: #570420 !important;
  }

  /* Button */
  .woocommerce-checkout .main #place_order {
    width: 100% !important;
    border-radius: 10px !important;
  }
	
	.product .content {
	 background-color: #3a2521 !important;
}
}