/**

 * JEDINEČNO - Styly pro produktové stránky

 * Načítá se pouze na produktových stránkách (is_product())

 */



/* ============================================================================

   Rozcestník pod detail produktu - navigace na kategorie

   ============================================================================ */

.jedinecno-product-navigation {

	margin: 24px 0 18px;

	padding: 0;

	max-width: none;

}



.jedinecno-nav-links-container {

	display: flex !important;

	flex-direction: column !important;

	align-items: flex-start !important;

	gap: 18px !important;

	width: fit-content;

	flex-wrap: nowrap !important;

}



.jedinecno-nav-link {

	display: inline-flex !important;

	align-items: center;

	position: relative;

	z-index: 1;

	width: auto !important;

	max-width: 100%;

}



/* Responzivní úpravy */

@media (max-width: 768px) {

	.jedinecno-product-navigation {

		margin: 20px 0 16px;

		padding: 0 16px;

	}

	

	.jedinecno-nav-links-container {

		width: 100%;

		gap: 16px;

	}

	

	.jedinecno-nav-link {

		width: 100%;

		justify-content: center;

		padding: 12px 24px;

		font-size: 15px;

	}

}



@media (max-width: 480px) {

	.jedinecno-nav-link {

		font-size: 14px;

		padding: 10px 20px;

	}

}



/* ============================================================================

   Zarovnání checkmarků v sekci "Péče o šperk"

   ============================================================================ */

.woocommerce div.product .entry-content ul li,

.woocommerce div.product .woocommerce-product-details__short-description ul li,

.single-product .entry-content ul li {

	display: flex;

	align-items: center;

	gap: 12px;

}



.woocommerce div.product .entry-content ul li::before,

.woocommerce div.product .woocommerce-product-details__short-description ul li::before,

.single-product .entry-content ul li::before {

	position: relative;

	top: 0;

	align-self: center;

	flex-shrink: 0;

}



/* ============================================================================

   Související produkty - mezera a barva nadpisu

   ============================================================================ */

.woocommerce .related.products,

.woocommerce-output-related-products,

.related.products {

	margin-top: 50px !important;

}



.woocommerce .related.products h2,

.woocommerce-output-related-products h2,

.related.products h2,

.woocommerce .related.products .products-heading,

.woocommerce-output-related-products .products-heading,

.related.products .products-heading {

	color: #96816B !important;

}



@media (max-width: 768px) {

	.woocommerce .related.products,

	.woocommerce-output-related-products,

	.related.products {

		margin-top: 40px !important;

	}

}



/* ============================================================================

   WooCommerce Breadcrumb úpravy - pouze na produktových stránkách

   ============================================================================ */

/* Skrýt první link "Domů" */

.single-product .woocommerce-breadcrumb a:first-child {

	display: none !important;

}



/* Skrýt text po posledním linku (název produktu) */

.single-product .woocommerce-breadcrumb {

	font-size: 0 !important;

	line-height: 0 !important;

	text-align: left !important;

	margin: 0 !important;

	padding: 0 !important;

}



/* Zobrazit pouze linky kategorií */

.single-product .woocommerce-breadcrumb a {

	font-family: "Figtree", sans-serif !important;

	font-size: 16px !important;

	font-weight: 400 !important;

	line-height: 1.4 !important;

	display: inline-block !important;

	color: #96816b !important;

	text-decoration: none !important;

	padding: 12px 16px 12px 0 !important;

	margin: 0 !important;

	text-align: left !important;

	vertical-align: middle !important;

	min-height: 20px !important;

}



/* Hover efekt pro kategorie */

.single-product .woocommerce-breadcrumb a:hover {

	color: #96816b !important;

	text-decoration: underline !important;

}



/* Přidat separátor mezi kategorie */

.single-product .woocommerce-breadcrumb a:not(:last-child)::after {

	content: " / ";

	color: #96816b !important;

	margin: 0 8px !important;

	font-size: 16px !important;

	font-family: "Figtree", sans-serif !important;

}



/* ============================================================================

   Přizpůsobení Astra theme - tlačítko "Přidat do košíku"

   ============================================================================ */

.woocommerce div.product form.cart {

	margin-bottom: 0;

}



.woocommerce div.product .single_add_to_cart_button {

	margin-top: 0px;

	transform: translateY(0px);

	background-color: #071F34 !important;

	color: #FFFFFF !important;

	border: none !important;

	transition: all 0.3s ease !important;

}



.woocommerce div.product .single_add_to_cart_button:hover {

	background-color: #FFFFFF !important;

	color: #051F34 !important;

	border: none !important;

}



/* Úprava button-prefix pro stránku detailu produktu */

.single-product .button-prefix {

	padding-left: 30px !important;

}



/* ============================================================================

   PhotoSwipe Lightbox - přizpůsobení vzhledu

   ============================================================================ */

/* === OVERLAY (pozadí) === */

.pswp__bg {

	background-color: #F6F4F2 !important;

	opacity: 1 !important;

}



.pswp--animate_opacity .pswp__bg {

	opacity: 1 !important;

}



/* === HLAVNÍ KONTEJNER === */

.pswp {

	z-index: 999999;

	background-color: #F6F4F2 !important;

}



.pswp__scroll-wrap,

.pswp__container,

.pswp__ui {

	background-color: transparent !important;

}



/* === OBRÁZKY === */

.pswp__img {

	border-radius: 4px;

	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);

}



/* === TOP BAR === */

.pswp__top-bar {

	background-color: #F6F4F2 !important;

	opacity: 1 !important;

	height: 80px !important;

	display: flex !important;

	align-items: center !important;

	justify-content: flex-end !important;

	padding: 0 20px !important;

	gap: 12px !important;

}



:root {

	--jedinecno-lightbox-color: #051F34;

	--jedinecno-lightbox-size-desktop: 68px;

	--jedinecno-lightbox-size-mobile: 52px;

}



.pswp__button,

button.pswp__button {

	width: var(--jedinecno-lightbox-size-desktop) !important;

	height: var(--jedinecno-lightbox-size-desktop) !important;

	background-color: transparent !important;

	background-repeat: no-repeat !important;

	background-position: center !important;

	background-size: 28px 28px !important;

	border: none !important;

	opacity: 1 !important;

	transition: transform 0.2s ease, opacity 0.2s ease !important;

}



.pswp__button:hover,

button.pswp__button:hover {

	transform: scale(1.07) !important;

	opacity: 1 !important;

	background-color: transparent !important;

}



.pswp__button:before,

.pswp__button:after {

	background: none !important;

}



.pswp__button,

.pswp__button:hover,

.pswp__button:focus {

	filter: none !important;

}



.pswp__button--close,

button.pswp__button--close {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23051F34' d='M18.3 5.7a1 1 0 0 0-1.4 0L12 10.6 7.1 5.7a1 1 0 0 0-1.4 1.4l4.9 4.9-4.9 4.9a1 1 0 1 0 1.4 1.4L12 13.4l4.9 4.9a1 1 0 0 0 1.4-1.4L13.4 12l4.9-4.9a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E") !important;

	background-size: 36px 36px !important;

}



.pswp__button--zoom,

button.pswp__button--zoom {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/0/24'%3E%3Ccircle cx='11' cy='11' r='6' fill='none' stroke='%23051F34' stroke-width='2'/%3E%3Cline x1='16.5' y1='16.5' x2='20' y2='20' stroke='%23051F34' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;

	background-size: 30px 30px !important;

}



.pswp__button--fs,

button.pswp__button--fs {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23051F34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7 3H3v4M17 3h4v4M21 17v4h-4M3 17v4h4'/%3E%3C/svg%3E") !important;

	background-size: 30px 30px !important;

}



.pswp__button--share,

button.pswp__button--share {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23051F34' d='M12 5a1 1 0 0 1 1.62-.78l6 4.8a1 1 0 0 1 0 1.56l-6 4.8A1 1 0 0 1 12 15v-2.62c-2.7.1-6.1.82-8.3 4.16a1 1 0 0 1-1.82-.55c0-7.32 7.27-8.49 10.12-8.66V5z'/%3E%3C/svg%3E") !important;

	background-size: 32px 32px !important;

}



.pswp__button--arrow--left,

.pswp__button--arrow--right,

button.pswp__button--arrow--left,

button.pswp__button--arrow--right {

	display: block !important;

	width: var(--jedinecno-lightbox-size-desktop) !important;

	height: var(--jedinecno-lightbox-size-desktop) !important;

	background-repeat: no-repeat !important;

	background-position: center !important;

	background-size: 36px 36px !important;

}



.pswp__button--arrow--left,

button.pswp__button--arrow--left {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23051F34' d='M15.7 5.3a1 1 0 0 0-1.4 0L7.6 12l6.7 6.7a1 1 0 0 0 1.4-1.4L10.4 12l5.3-5.3a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E") !important;

}



.pswp__button--arrow--right,

button.pswp__button--arrow--right {

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23051F34' d='M8.3 5.3a1 1 0 0 1 1.4 0l6.7 6.7-6.7 6.7a1 1 0 1 1-1.4-1.4L13.6 12 8.3 6.7a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E") !important;

}



.pswp__button--arrow--left:hover,

.pswp__button--arrow--right:hover,

button.pswp__button--arrow--left:hover,

button.pswp__button--arrow--right:hover {

	background-color: transparent !important;

	opacity: 1 !important;

}



.pswp__preloader__icn {

	background-color: transparent !important;

}



.pswp__preloader__donut {

	border-color: var(--jedinecno-lightbox-color) transparent transparent transparent !important;

}



.pswp__counter {

	color: var(--jedinecno-lightbox-color) !important;

	font-family: 'Figtree', sans-serif !important;

	font-size: 20px !important;

	font-weight: 700 !important;

	text-shadow: none !important;

	margin-right: auto !important;

	padding: 0 !important;

}



.pswp__caption {

	background-color: transparent !important;

}



.pswp__caption__center {

	color: var(--jedinecno-lightbox-color) !important;

	font-family: 'Figtree', sans-serif !important;

	font-size: 15px !important;

	text-align: center;

	text-shadow: none !important;

}



@media (max-width: 768px) {

	.pswp__button--zoom,

	button.pswp__button--zoom,

	.pswp__button--fs,

	button.pswp__button--fs,

	.pswp__button--share,

	button.pswp__button--share {

		display: none !important;

	}



	.pswp__button--close,

	button.pswp__button--close {

		width: var(--jedinecno-lightbox-size-mobile) !important;

		height: var(--jedinecno-lightbox-size-mobile) !important;

		background-size: 32px 32px !important;

		position: absolute !important;

		top: 16px !important;

		right: 16px !important;

		left: auto !important;

		z-index: 10000 !important;

	}



	.pswp__top-bar {

		height: 70px !important;

		padding: 0 16px !important;

		gap: 0 !important;

		justify-content: flex-start !important;

	}



	.pswp__counter {

		font-size: 18px !important;

		margin-left: 0 !important;

	}



	.pswp__button--arrow--left,

	.pswp__button--arrow--right,

	button.pswp__button--arrow--left,

	button.pswp__button--arrow--right {

		width: var(--jedinecno-lightbox-size-mobile) !important;

		height: var(--jedinecno-lightbox-size-mobile) !important;

		background-size: 28px 28px !important;

		display: block !important;

		position: fixed !important;

		bottom: 30px !important;

		top: auto !important;

		z-index: 10000 !important;

		opacity: 1 !important;

		visibility: visible !important;

	}



	.pswp__button--arrow--left,

	button.pswp__button--arrow--left {

		left: calc(50% - 60px) !important;

		right: auto !important;

	}



	.pswp__button--arrow--right,

	button.pswp__button--arrow--right {

		left: calc(50% + 12px) !important;

		right: auto !important;

	}

}



.pswp--touch .pswp__button--arrow--left,

.pswp--touch .pswp__button--arrow--right,

.pswp--touch button.pswp__button--arrow--left,

.pswp--touch button.pswp__button--arrow--right {

	display: block !important;

	opacity: 1 !important;

	visibility: visible !important;

	pointer-events: auto !important;

}



.pswp__img--placeholder {

	background-color: rgba(246, 244, 242, 0.3);

}



.pswp__button:focus {

	outline: 2px solid #CA9174;

	outline-offset: 2px;

}



/* Aktivní stav thumbnailů v produktové galerii */

.flex-control-thumbs li img.flex-active,

.flex-control-thumbs li img:hover {

	border: 2px solid #96816B !important;

	opacity: 1 !important;

}



.ast-woocommerce-product-gallery__image.flex-active-slide:after {

	border-color: #96816B !important;

}



.ast-single-product-thumbnails .ast-woocommerce-product-gallery__image.flex-active-slide img,

#ast-vertical-slider-inner .ast-woocommerce-product-gallery__image.flex-active-slide img {

	border: 2px solid #96816B !important;

	opacity: 1 !important;

}



.wc-block-product-gallery-thumbnails__thumbnail__image--is-active {

	border: 2px solid #96816B !important;

	opacity: 1 !important;

}



/**

 * Presah Konfigurator - CSS styly

 * Přizpůsobené designu webu Jedinečno

 */



/* ========================================

   FUTURA FONT - Pro písmenkové sekce

======================================== */

@font-face {

    font-family: 'Futura Cyrillic';

    src: url('../fonts/FuturaCyrillicMedium.woff') format('woff');

    font-weight: 500;

    font-style: normal;

    font-display: swap;

}



/* ========================================

   FONT SYSTEM - Centralizovaná správa fontů

======================================== */



/* 

   NÁVOD PRO PŘIDÁNÍ NOVÉHO FONTU:

   

   1. Přidejte font do Google Fonts importu v style.css:

      @import url("...&family=NOVY_FONT:wght@300;400;500&...");

   

   2. Přidejte CSS pravidla níže podle vzoru:

   

   .presah-font-option[data-font="Nový Font"] {

       font-family: "Nový Font", sans-serif !important;

       font-weight: 300 !important;

   }

   

   .presah-text-field[style*="Nový Font"] {

       font-family: "Nový Font", sans-serif !important;

       font-weight: 300 !important;

       line-height: 1.4 !important;

   }

   

   *[style*="Nový Font"] {

       font-family: "Nový Font", sans-serif !important;

       font-weight: 300 !important;

   }

   

   3. Přidejte font do administrace produktu (pole "Fonty")

*/



/* Podporované fonty: Playwrite HU (300), Special Elite (400), Figtree (300), Open Sans (300), Oooh Baby (400) */

/* Podporované System Fonty: Arial (400), Comic Sans MS (400) */



/* Font aplikace pro font výběr tlačítka */

.presah-font-option[data-font="Playwrite HU"] {

    font-family: "Playwrite HU", cursive !important;

    font-weight: 300 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

}



.presah-font-option[data-font="Special Elite"] {

    font-family: "Special Elite", cursive !important;

    font-weight: 400 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

}



.presah-font-option[data-font="Figtree"] {

    font-family: "Figtree", sans-serif !important;

    font-weight: 300 !important;

}



.presah-font-option[data-font="Open Sans"] {

    font-family: "Open Sans", sans-serif !important;

    font-weight: 300 !important;

}



.presah-font-option[data-font="Oooh Baby"] {

    font-family: "Oooh Baby", cursive !important;

    font-weight: 400 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

    font-size: 18px !important;

}



.presah-font-option[data-font="Arial"] {

    font-family: Arial, sans-serif !important;

    font-weight: 400 !important;

}



.presah-font-option[data-font="Comic Sans"] {

    font-family: "Comic Sans MS", "Comic Sans", cursive !important;

    font-weight: 400 !important;

}



/* Font aplikace pro textová pole */

.presah-text-field[style*="Playwrite HU"] {

    font-family: "Playwrite HU", cursive !important;

    font-weight: 300 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

    line-height: 1.4 !important;

    font-feature-settings: "liga" 1, "kern" 1;

    text-rendering: optimizeLegibility;

}



.presah-text-field[style*="Special Elite"] {

    font-family: "Special Elite", cursive !important;

    font-weight: 400 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

    line-height: 1.4 !important;

}



.presah-text-field[style*="Figtree"] {

    font-family: "Figtree", sans-serif !important;

    font-weight: 300 !important;

    line-height: 1.4 !important;

}



.presah-text-field[style*="Arial"] {

    font-family: Arial, sans-serif !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

}



.presah-text-field[style*="Comic Sans"] {

    font-family: "Comic Sans MS", "Comic Sans", cursive !important;

    font-weight: 400 !important;

    line-height: 1.4 !important;

}



.presah-text-field[style*="Open Sans"] {

    font-family: "Open Sans", sans-serif !important;

    font-weight: 300 !important;

    line-height: 1.4 !important;

}



.presah-text-field[style*="Oooh Baby"] {

    font-family: "Oooh Baby", cursive !important;

    font-weight: 400 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

    line-height: 1.4 !important;

    font-feature-settings: "liga" 1, "kern" 1;

    text-rendering: optimizeLegibility;

    font-size: 18px !important;

}



/* Globální font aplikace - fallback pro inline styly */

*[style*="Playwrite HU"] {

    font-family: "Playwrite HU", cursive !important;

    font-weight: 300 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

}



*[style*="Special Elite"] {

    font-family: "Special Elite", cursive !important;

    font-weight: 400 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

}



*[style*="Figtree"] {

    font-family: "Figtree", sans-serif !important;

    font-weight: 300 !important;

}



*[style*="Arial"] {

    font-family: Arial, sans-serif !important;

    font-weight: 400 !important;

}



*[style*="Comic Sans"] {

    font-family: "Comic Sans MS", "Comic Sans", cursive !important;

    font-weight: 400 !important;

}



*[style*="Open Sans"] {

    font-family: "Open Sans", sans-serif !important;

    font-weight: 300 !important;

}



*[style*="Oooh Baby"] {

    font-family: "Oooh Baby", cursive !important;

    font-weight: 400 !important;

    letter-spacing: 0px !important;

    word-spacing: 0px !important;

    font-size: 18px !important;

}



/* Alternativní názvy fontů */

.presah-font-option[data-font*="Playwrite"] {

    font-family: "Playwrite HU", "Playwrite", cursive !important;

    font-weight: 300 !important;

}



/* Speciální styly pro konkrétní fonty */

.playwrite-font,

.woocommerce-thankyou-order-received {

    font-family: "Playwrite HU", cursive !important;

    font-feature-settings: "liga" 1, "kern" 1;

    text-rendering: optimizeLegibility;

}



/* ========================================

   Hlavní kontejner

======================================== */

#presah-konfigurator-frontend {

    margin: 60px 0;

    font-family: inherit;

}



/* ========================================

   Sekce konfigurace

======================================== */

.presah-config-section {

    background: #F5F1ED;

    border-radius: 12px;

    padding: 0;

    margin-bottom: 15px;

    border: 1px solid rgba(202, 145, 116, 0.1);

    position: relative;

    transition: all 0.3s ease;

    overflow: hidden;

}



.presah-config-section:hover {

    border-color: rgba(202, 145, 116, 0.3);

    box-shadow: 0 4px 20px rgba(202, 145, 116, 0.1);

}



.presah-config-section.error {

    border-color: #E74C3C;

    background: #FDEDEC;

    animation: shake 0.5s ease-in-out;

    box-shadow: 0 0 10px rgba(231, 76, 60, 0.3);

}



.presah-config-section.error .presah-section-title {

    color: #E74C3C;

}



.presah-config-section.error .presah-font-option {

    border-color: #E74C3C;

}



.presah-config-section.error .presah-text-field {

    border-color: #E74C3C;

}



@keyframes shake {

    0%, 100% { transform: translateX(0); }

    25% { transform: translateX(-5px); }

    75% { transform: translateX(5px); }

}



/* ========================================

   Hlavička sekce (klikatelná)

======================================== */

.presah-section-header {

    padding: 15px 20px;

    cursor: pointer;

    border-bottom: 1px solid rgba(202, 145, 116, 0.1);

    transition: background-color 0.3s ease;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.presah-section-header:hover {

    background: rgba(202, 145, 116, 0.05);

}



.presah-section-title {

    font-family: 'Figtree', sans-serif;

    font-size: 18px;

    color: #051F34;

    margin: 0;

    font-weight: 300;

    letter-spacing: 1px;

}



.presah-section-toggle {

    font-size: 16px;

    color: #CA9174;

    transition: transform 0.3s ease;

}



.presah-config-section.collapsed .presah-section-toggle {

    transform: rotate(-90deg);

}



/* ========================================

   Indikátor výběru

======================================== */

.presah-selection-indicator {

    padding: 10px 20px;

    background: rgba(39, 174, 96, 0.1);

    border-bottom: 1px solid rgba(202, 145, 116, 0.1);

    display: flex;

    align-items: center;

    gap: 8px;

}



.presah-checkmark {

    color: #27AE60;

    font-weight: bold;

    font-size: 14px;

}



.presah-selected-text {

    color: #051F34;

    font-size: 14px;

    font-weight: 500;

}



.presah-selected-value {

    color: #CA9174;

    font-weight: 600;

}



/* ========================================

   Obsah sekce (sbalitelný)

======================================== */

.presah-section-content {

    padding: 20px;

    transition: all 0.3s ease;

    overflow: hidden;

}



.presah-config-section.collapsed .presah-section-content {

    max-height: 0;

    padding-top: 0;

    padding-bottom: 0;

    opacity: 0;

}



/* ========================================

   Výběr obrázků

======================================== */

.presah-image-options {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));

    gap: 15px;

    margin-bottom: 15px;

}



.presah-image-option {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 12px;

    background: white;

    border: 2px solid transparent;

    border-radius: 8px;

    cursor: pointer;

    transition: all 0.3s ease;

    position: relative;

    overflow: hidden;

}



.presah-image-option:hover {

    border-color: #CA9174;

    transform: translateY(-2px);

    box-shadow: 0 8px 25px rgba(202, 145, 116, 0.2);

}



.presah-image-option.active {

    border-color: #CA9174;

    background: #CA9174;

    color: white;

}



.presah-image-option.active::before {

    content: '✓';

    position: absolute;

    top: 8px;

    right: 8px;

    background: white;

    color: #CA9174;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 11px;

    font-weight: bold;

    z-index: 2;

}



.presah-image-option img {

    width: 60px;

    height: 60px;

    object-fit: cover;

    border-radius: 6px;

    margin-bottom: 8px;

    transition: transform 0.3s ease;

    box-shadow: 

        inset 0 1px 0 rgba(255,255,255,0.2),

        inset 0 -1px 0 rgba(0,0,0,0.1),

        0 2px 8px rgba(0, 0, 0, 0.1);

}



.presah-image-option:hover img {

    transform: scale(1.05);

    box-shadow: 

        inset 0 1px 0 rgba(255,255,255,0.3),

        inset 0 -1px 0 rgba(0,0,0,0.15),

        0 4px 12px rgba(0, 0, 0, 0.15);

}







.presah-option-label {

    font-size: 12px;

    font-weight: 500;

    text-align: center;

    color: inherit;

    letter-spacing: 0.5px;

}



/* ========================================

   Výběr písmen

======================================== */

.presah-letter-options {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));

    gap: 10px;

    margin-bottom: 15px;

}



.presah-letter-option {

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 16px 8px;

    background: white;

    border: 2px solid transparent;

    border-radius: 8px;

    cursor: pointer;

    transition: all 0.3s ease;

    position: relative;

    min-height: 70px;

    font-family: 'Futura Cyrillic', sans-serif;

    font-size: 32px;

    font-weight: 500;

    color: #051F34;

    letter-spacing: 0;

    user-select: none;

}



.presah-letter-option:hover {

    border-color: #CA9174;

    transform: translateY(-2px);

    box-shadow: 0 8px 25px rgba(202, 145, 116, 0.2);

    background: rgba(202, 145, 116, 0.05);

}



.presah-letter-option.active {

    border-color: #CA9174;

    background: #CA9174;

    color: white;

}



.presah-letter-option.active::before {

    content: '✓';

    position: absolute;

    top: 4px;

    right: 4px;

    background: white;

    color: #CA9174;

    width: 16px;

    height: 16px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 10px;

    font-weight: bold;

    z-index: 2;

    font-family: 'Figtree', sans-serif;

}



/* Disabled stav písmen (nedostupné pro vybranou barvu) */

.presah-letter-option.disabled {

    opacity: 0.3;

    cursor: not-allowed;

    pointer-events: none;

    background: #f5f5f5;

    border-color: #ddd;

}



.presah-letter-option.disabled:hover {

    transform: none;

    box-shadow: none;

    border-color: #ddd;

}



/* Responzivní úpravy pro písmena */

@media (max-width: 768px) {

    .presah-letter-options {

        grid-template-columns: repeat(auto-fit, minmax(45px, 1fr));

        gap: 8px;

    }

    

    .presah-letter-option {

        font-size: 28px;

        padding: 14px 6px;

        min-height: 60px;

    }

}



@media (max-width: 480px) {

    .presah-letter-options {

        grid-template-columns: repeat(auto-fit, minmax(40px, 1fr));

        gap: 6px;

    }

    

    .presah-letter-option {

        font-size: 24px;

        padding: 12px 4px;

        min-height: 55px;

    }

}



/* ========================================

   Výběr barev

======================================== */

.presah-color-options {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));

    gap: 15px;

    margin-bottom: 15px;

}



.presah-color-option {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 12px;

    background: white;

    border: 2px solid transparent;

    border-radius: 8px;

    cursor: pointer;

    transition: all 0.3s ease;

    position: relative;

    overflow: hidden;

}



.presah-color-option:hover {

    border-color: #CA9174;

    transform: translateY(-2px);

    box-shadow: 0 8px 25px rgba(202, 145, 116, 0.2);

}



.presah-color-option.active {

    border-color: #CA9174;

    background: #CA9174;

    color: white;

}



.presah-color-option.active::before {

    content: '✓';

    position: absolute;

    top: 8px;

    right: 8px;

    background: white;

    color: #CA9174;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 11px;

    font-weight: bold;

    z-index: 2;

}



.presah-color-circle {

    width: 60px;

    height: 60px;

    border-radius: 6px;

    margin-bottom: 8px;

    transition: transform 0.3s ease;

    border: 2px solid #E5E5E5;

    position: relative;

    overflow: hidden;

}



/* Velmi jemný metalický efekt */

.presah-color-circle::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: linear-gradient(180deg, 

        rgba(255,255,255,0.15) 0%, 

        rgba(255,255,255,0) 50%, 

        rgba(0,0,0,0.1) 100%);

    pointer-events: none;

}



.presah-color-circle::after {

    display: none;

}



.presah-color-option:hover .presah-color-circle {

    transform: scale(1.05);

}



.presah-color-option.active .presah-color-circle {

    border-color: white;

}



/* ========================================

   Metalické gradienty pro různé kovy

======================================== */



/* Zlatá - jemný gradient */

.presah-color-circle[style*="#FFD700"], 

.presah-color-circle[style*="#ffd700"],

.presah-color-circle[style*="gold"] {

    background: linear-gradient(180deg, 

        #F4E294 0%, 

        #E6CD5A 100%) !important;

}



/* Stříbrná - jemný gradient */

.presah-color-circle[style*="#C0C0C0"], 

.presah-color-circle[style*="#c0c0c0"],

.presah-color-circle[style*="silver"] {

    background: linear-gradient(180deg, 

        #E8E8E8 0%, 

        #B8B8B8 100%) !important;

}



/* Měděná - jemný gradient */

.presah-color-circle[style*="#B87333"], 

.presah-color-circle[style*="#b87333"],

.presah-color-circle[style*="copper"] {

    background: linear-gradient(180deg, 

        #D4A574 0%, 

        #A67C52 100%) !important;

}



/* Rose Gold - jemný gradient */

.presah-color-circle[style*="#E8B4B8"], 

.presah-color-circle[style*="#e8b4b8"],

.presah-color-circle[style*="rosegold"] {

    background: linear-gradient(180deg, 

        #F2C6C7 0%, 

        #D4A5A5 100%) !important;

}



/* Platina - jemný gradient */

.presah-color-circle[style*="#E5E4E2"], 

.presah-color-circle[style*="#e5e4e2"],

.presah-color-circle[style*="platinum"] {

    background: linear-gradient(180deg, 

        #F5F5F3 0%, 

        #D8D7D5 100%) !important;

}



/* Bronzová - jemný gradient */

.presah-color-circle[style*="#CD7F32"], 

.presah-color-circle[style*="#cd7f32"],

.presah-color-circle[style*="bronze"] {

    background: linear-gradient(180deg, 

        #D4A574 0%, 

        #B5733A 100%) !important;

}



/* Titanová - jemný gradient */

.presah-color-circle[style*="#878681"], 

.presah-color-circle[style*="#878681"],

.presah-color-circle[style*="titanium"] {

    background: linear-gradient(180deg, 

        #A8A8A6 0%, 

        #767672 100%) !important;

}



/* Žlutá zlatá - jemný gradient */

.presah-color-circle[style*="#FFDF00"], 

.presah-color-circle[style*="#ffdf00"] {

    background: linear-gradient(180deg, 

        #FFF099 0%, 

        #E6C700 100%) !important;

}



/* Bílá zlatá - jemný gradient */

.presah-color-circle[style*="#FFFFCC"], 

.presah-color-circle[style*="#ffffcc"] {

    background: linear-gradient(180deg, 

        #FFFEF0 0%, 

        #E8E8CC 100%) !important;

}



/* Černá - jemný gradient */

.presah-color-circle[style*="#000000"], 

.presah-color-circle[style*="#000000"] {

    background: linear-gradient(180deg, 

        #3A3A3A 0%, 

        #1A1A1A 100%) !important;

}



/* Obecný metalický efekt pro ostatní barvy */

.presah-color-circle {

    filter: contrast(1.05) brightness(1.02) saturate(1.05);

    position: relative;

}



/* Jemné světelné efekty */

.presah-color-circle {

    box-shadow: 

        inset 0 1px 0 rgba(255,255,255,0.2),

        inset 0 -1px 0 rgba(0,0,0,0.1),

        0 2px 8px rgba(0, 0, 0, 0.1);

}



.presah-color-option:hover .presah-color-circle {

    box-shadow: 

        inset 0 1px 0 rgba(255,255,255,0.3),

        inset 0 -1px 0 rgba(0,0,0,0.15),

        0 4px 12px rgba(0, 0, 0, 0.15);

}



.presah-color-option.active .presah-color-circle {

    box-shadow: 

        inset 0 1px 0 rgba(255,255,255,0.4),

        inset 0 -1px 0 rgba(0,0,0,0.2),

        0 4px 12px rgba(0, 0, 0, 0.2),

        0 0 0 2px white;

}



/* ========================================

   Výběr fontů a text

======================================== */

.presah-font-selection {

    margin-bottom: 20px;

}



.presah-label {

    display: block;

    font-size: 11px;

    font-weight: 600;

    color: #051F34;

    text-transform: uppercase;

    letter-spacing: 1px;

    margin-bottom: 10px;

}



.presah-font-options {

    display: flex;

    gap: 12px;

    flex-wrap: wrap;

    margin-bottom: 15px;

}



.presah-font-option {

    padding: 10px 16px;

    background: white;

    border: 2px solid #E5E5E5;

    border-radius: 6px;

    cursor: pointer;

    transition: all 0.3s ease;

    font-size: 14px;

    min-width: 120px;

    text-align: center;

}



.presah-font-option:hover {

    border-color: #CA9174;

    background: #FEFCFB;

}



.presah-font-option.active {

    border-color: #CA9174;

    background: #CA9174;

    color: white;

}



.presah-font-option span {

    font-family: inherit !important;

    font-display: swap;

}



/* ========================================

   Textové pole

======================================== */

.presah-text-input {

    position: relative;

    margin-bottom: 15px;

}



.presah-text-field {

    width: 100%;

    min-height: 80px;

    padding: 12px;

    border: 2px solid #E5E5E5;

    border-radius: 8px;

    font-family: inherit;

    font-size: 14px;

    line-height: 1.5;

    resize: vertical;

    background: white;

    transition: border-color 0.3s ease, font-family 0.3s ease;

    box-sizing: border-box;

}



/* Specifičtější selektor pro zakulacení textarea - přepíše theme override */

#presah-konfigurator-frontend .presah-config-section .presah-section-content .presah-text-input .presah-text-field,

#presah-konfigurator-frontend .presah-text-input textarea,

#presah-konfigurator-frontend textarea.presah-text-field {

    border-radius: 8px !important;

}



.presah-text-field:focus {

    outline: none;

    border-color: #CA9174;

    box-shadow: 0 0 0 3px rgba(202, 145, 116, 0.1);

}



.presah-text-field::placeholder {

    color: #999;

    font-style: italic;

}



/* Dynamická změna fontu textového pole */

.presah-text-field.font-preview {

    font-size: 16px;

    line-height: 1.4;

}



.presah-char-counter {

    position: absolute;

    bottom: 12px;

    right: 10px;

    font-size: 11px;

    color: #666;

    background: rgba(255, 255, 255, 0.9);

    padding: 2px 6px;

    border-radius: 4px;

    z-index: 5;

}



.presah-char-counter.limit-reached {

    color: #E74C3C;

    font-weight: bold;

}



/* Hláška při dosažení limitu */

.presah-limit-message {

    margin-top: 8px;

    font-size: 12px;

    color: #E74C3C;

    background: #FDEDEC;

    padding: 8px 12px;

    border-radius: 6px;

    border: 1px solid #E74C3C;

    display: none;

    font-weight: 500;

    text-align: center;

}



/* ========================================

   Navigační tlačítka

======================================== */

.presah-navigation-button {

    margin-top: 12px;

}



.presah-next-section-btn,

.presah-add-to-cart-btn {

    display: block;

    width: 100%;

    padding: 12px 20px;

    background: #CA9174;

    color: white;

    border: none;

    border-radius: 8px;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 0.5px;

    cursor: pointer;

    transition: all 0.3s ease;

}



.presah-next-section-btn:hover,

.presah-add-to-cart-btn:hover {

    background: #B8825F;

    transform: translateY(-1px);

    box-shadow: 0 4px 15px rgba(202, 145, 116, 0.3);

}



.presah-add-to-cart-btn {

    background: #27AE60;

}



.presah-add-to-cart-btn:hover {

    background: #229954;

}



/* ========================================

   Mobilní responzivita

======================================== */

@media (max-width: 768px) {

    #presah-konfigurator-frontend {

        margin: 45px 0;

    }

    

    .presah-config-section {

        margin-bottom: 12px;

    }

    

    .presah-section-header {

        padding: 12px 15px;

    }

    

    .presah-section-title {

        font-size: 16px;

    }

    

    .presah-section-content {

        padding: 15px;

    }

    

    .presah-selection-indicator {

        padding: 8px 15px;

    }

    

    .presah-image-options {

        grid-template-columns: repeat(3, 1fr);

        gap: 12px;

        margin-bottom: 12px;

    }

    

    .presah-image-option {

        padding: 10px;

    }

    

    .presah-image-option img {

        width: 50px;

        height: 50px;

    }



    .presah-color-options {

        grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));

        gap: 12px;

    }



    .presah-color-option {

        padding: 8px;

    }



    .presah-color-circle {

        width: 50px;

        height: 50px;

        border-radius: 4px;

    }

    

    .presah-font-options {

        flex-direction: column;

        gap: 8px;

        margin-bottom: 12px;

    }

    

    .presah-font-option {

        min-width: auto;

        width: 100%;

        padding: 8px 12px;

    }

    

    .presah-text-field {

        min-height: 70px;

        font-size: 16px; /* Zabránit zoom na iOS */

        padding: 10px;

    }

    

    .presah-text-field.font-preview {

        font-size: 16px; /* Udržet velikost pro iOS */

    }

    

    .presah-next-section-btn,

    .presah-add-to-cart-btn {

        padding: 10px 16px;

        font-size: 13px;

    }

    

    .presah-navigation-button {

        margin-top: 12px;

    }

    

    /* Mobilní notifikace */

    .presah-notification {

        top: 10px;

        right: 10px;

        left: 10px;

        max-width: none;

        width: auto;

    }

    

    .presah-notification--with-actions {

        max-width: none;

    }

    

    .presah-notification__header {

        padding: 12px 15px;

    }

    

    .presah-notification__actions {

        padding: 12px 15px;

        flex-direction: column;

        gap: 8px;

    }

    

    .presah-notification__btn {

        padding: 12px 16px;

        font-size: 15px; /* Větší pro snadnější klikání */

    }

}



@media (max-width: 480px) {

    .presah-image-options {

        grid-template-columns: repeat(2, 1fr);

    }

    

    .presah-image-option {

        flex-direction: row;

        text-align: left;

        gap: 10px;

        padding: 8px;

    }

    

    .presah-image-option img {

        width: 40px;

        height: 40px;

        margin-bottom: 0;

        box-shadow: 

            inset 0 1px 0 rgba(255,255,255,0.2),

            inset 0 -1px 0 rgba(0,0,0,0.1),

            0 2px 8px rgba(0, 0, 0, 0.1);

    }

    

    .presah-option-label {

        font-size: 11px;

    }



    .presah-color-options {

        grid-template-columns: repeat(2, 1fr);

    }



    .presah-color-option {

        flex-direction: row;

        text-align: left;

        gap: 10px;

        padding: 8px;

    }



    .presah-color-circle {

        width: 40px;

        height: 40px;

        margin-bottom: 0;

        border-radius: 4px;

    }

}



/* ========================================

   Notifikace

======================================== */

.presah-notification {

    position: fixed;

    top: 20px;

    right: 20px;

    background: white;

    padding: 15px 20px;

    border-radius: 8px;

    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);

    z-index: 999999;

    max-width: 400px;

    opacity: 0;

    transform: translateX(100%);

    transition: all 0.3s ease;

    border-left: 4px solid #27AE60;

}



.presah-notification.show {

    opacity: 1;

    transform: translateX(0);

}



.presah-notification--error {

    border-left-color: #E74C3C;

    background: #FDEDEC;

}



.presah-notification--success {

    border-left-color: #27AE60;

    background: #D5F4E6;

}



/* Rozšířená notifikace s tlačítky */

.presah-notification--with-actions {

    padding: 0;

    max-width: 450px;

    background: white;

    border-left: none;

    border: 1px solid #E5E5E5;

}



.presah-notification__content {

    padding: 0;

}



.presah-notification__header {

    display: flex;

    align-items: center;

    gap: 10px;

    padding: 15px 20px;

    background: #D5F4E6;

    border-bottom: 1px solid rgba(39, 174, 96, 0.2);

    position: relative;

}



.presah-notification__icon {

    background: #27AE60;

    color: white;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 14px;

    font-weight: bold;

}



.presah-notification__title {

    font-weight: 600;

    color: #051F34;

    flex: 1;

    font-size: 16px;

}



.presah-notification__actions {

    padding: 15px 20px;

    display: flex;

    gap: 10px;

    border-top: 1px solid rgba(39, 174, 96, 0.2);

}



.presah-notification__btn {

    flex: 1;

    padding: 10px 16px;

    border: none;

    border-radius: 6px;

    font-size: 14px;

    font-weight: 500;

    cursor: pointer;

    transition: all 0.3s ease;

    text-align: center;

}



.presah-notification__btn--primary {

    background: #CA9174;

    color: white;

}



.presah-notification__btn--primary:hover {

    background: #B8825F;

    transform: translateY(-1px);

    box-shadow: 0 4px 12px rgba(202, 145, 116, 0.3);

}



.presah-notification__btn--secondary {

    background: #F8F9FA;

    color: #051F34;

    border: 1px solid #E5E5E5;

}



.presah-notification__btn--secondary:hover {

    background: #E9ECEF;

    border-color: #D6D9DC;

}



.presah-notification__close {

    position: absolute;

    top: 50%;

    right: 15px;

    transform: translateY(-50%);

    background: none;

    border: none;

    font-size: 18px;

    color: #666;

    cursor: pointer;

    width: 24px;

    height: 24px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    transition: all 0.2s ease;

}



.presah-notification__close:hover {

    background: rgba(0, 0, 0, 0.1);

    color: #333;

}



/* ========================================

   Tooltips

======================================== */

.presah-tooltip-popup {

    position: absolute;

    background: #051F34;

    color: white;

    padding: 8px 12px;

    border-radius: 6px;

    font-size: 12px;

    white-space: nowrap;

    z-index: 10001;

    pointer-events: none;

}



.presah-tooltip-popup::after {

    content: '';

    position: absolute;

    top: 100%;

    left: 50%;

    transform: translateX(-50%);

    border: 5px solid transparent;

    border-top-color: #051F34;

}



/* ========================================

   Loading stavy

======================================== */

.presah-config-section.loading {

    opacity: 0.6;

    pointer-events: none;

}



.presah-config-section.loading::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 30px;

    height: 30px;

    border: 3px solid #CA9174;

    border-top-color: transparent;

    border-radius: 50%;

    animation: spin 1s linear infinite;

}



@keyframes spin {

    to { transform: translate(-50%, -50%) rotate(360deg); }

}



/* ========================================

   Barevné tečky v kategoriích produktů

======================================== */

.product-color-dots {

    display: flex;

    align-items: center;

    gap: 6px;

    margin: -2px 0 12px 0;

    flex-wrap: wrap;

}



.product-color-dot {

    width: 24px;

    height: 24px;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.3);

    cursor: pointer;

    transition: transform 0.2s ease, box-shadow 0.2s ease;

    position: relative;

    overflow: hidden;

    display: inline-block;

}



.product-color-dot:hover {

    transform: scale(1.2);

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

}



/* Metalický efekt na barevné tečky */

.product-color-dot::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: linear-gradient(135deg, 

        rgba(255,255,255,0.4) 0%, 

        rgba(255,255,255,0) 30%, 

        rgba(0,0,0,0.1) 70%, 

        rgba(0,0,0,0.2) 100%);

    border-radius: 50%;

    pointer-events: none;

}



/* Metalické gradienty pro barevné tečky - stejné jako v konfiguračním systému */



/* Zlatá */

.product-color-dot[style*="#FFD700"], 

.product-color-dot[style*="#ffd700"] {

    background: linear-gradient(135deg, 

        #F4E294 0%, 

        #E6CD5A 50%,

        #D4B945 100%) !important;

}



/* Stříbrná */

.product-color-dot[style*="#C0C0C0"], 

.product-color-dot[style*="#c0c0c0"] {

    background: linear-gradient(135deg, 

        #E8E8E8 0%, 

        #D0D0D0 50%,

        #B8B8B8 100%) !important;

}



/* Měděná */

.product-color-dot[style*="#B87333"], 

.product-color-dot[style*="#b87333"] {

    background: linear-gradient(135deg, 

        #D4A574 0%, 

        #B8956A 50%,

        #A67C52 100%) !important;

}



/* Rose Gold */

.product-color-dot[style*="#E8B4B8"], 

.product-color-dot[style*="#e8b4b8"] {

    background: linear-gradient(135deg, 

        #F2C6C7 0%, 

        #E3B5B6 50%,

        #D4A5A5 100%) !important;

}



/* Platina */

.product-color-dot[style*="#E5E4E2"], 

.product-color-dot[style*="#e5e4e2"] {

    background: linear-gradient(135deg, 

        #F5F5F3 0%, 

        #E5E4E2 50%,

        #D8D7D5 100%) !important;

}



/* Bronzová */

.product-color-dot[style*="#CD7F32"], 

.product-color-dot[style*="#cd7f32"] {

    background: linear-gradient(135deg, 

        #D4A574 0%, 

        #C49163 50%,

        #B5733A 100%) !important;

}



/* Titanová */

.product-color-dot[style*="#878681"], 

.product-color-dot[style*="#878681"] {

    background: linear-gradient(135deg, 

        #A8A8A6 0%, 

        #959591 50%,

        #767672 100%) !important;

}



/* Žlutá zlatá */

.product-color-dot[style*="#FFDF00"], 

.product-color-dot[style*="#ffdf00"] {

    background: linear-gradient(135deg, 

        #FFF099 0%, 

        #F0E04C 50%,

        #E6C700 100%) !important;

}



/* Bílá zlatá */

.product-color-dot[style*="#FFFFCC"], 

.product-color-dot[style*="#ffffcc"] {

    background: linear-gradient(135deg, 

        #FFFEF0 0%, 

        #F4F3DD 50%,

        #E8E8CC 100%) !important;

}



/* Černá */

.product-color-dot[style*="#000000"], 

.product-color-dot[style*="#000000"] {

    background: linear-gradient(135deg, 

        #3A3A3A 0%, 

        #2A2A2A 50%,

        #1A1A1A 100%) !important;

}



/* Mobilní responzivní úpravy */

@media (max-width: 768px) {

    .product-color-dots {

        gap: 4px;

        margin: -2px 0 10px 0;

    }

    

    .product-color-dot {

        width: 20px;

        height: 20px;

    }

}



/* ========================================

   Vylepšení přístupnosti

======================================== */

.presah-image-option:focus,

.presah-font-option:focus,

.presah-text-field:focus {

    outline: 2px solid #CA9174;

    outline-offset: 2px;

}



@media (prefers-reduced-motion: reduce) {

    * {

        animation-duration: 0.01ms !important;

        animation-iteration-count: 1 !important;

        transition-duration: 0.01ms !important;

    }

}



/* ========================================

   Print styly

======================================== */

@media print {

    .presah-notification,

    .presah-tooltip-popup {

        display: none !important;

    }

    

    .presah-config-section {

        page-break-inside: avoid;

        border: 1px solid #ccc;

        background: white;

    }

}



/* Zarovnání ikon v product extras */

.ast-single-product-extras .ahfb-svg-iconset,

.ast-single-product-extras .ast-extra-image {

    top: 0.1em !important;

}