/* PC Catalog Enhancer - Front CSS (MVP Fáze 1 & 2 - Klasické 2 Sloupce Layout) */

/* 1. Skrytí Rychlého náhledu */
body.pc-hide-quickview .quick-view { display: none !important; }
body.pc-hide-quickview .highlighted-informations { box-shadow: none !important; border: none !important; background: transparent !important; }
body.pc-hide-quickview .highlighted-informations.no-variants { display: none !important; }

/* 2. Zaoblený design karet a Apple animace celého pozadí */
body.pc-hover-rad .product-miniature {
    border-radius: 20px;
    background: #ffffff;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 30px !important;
    transition: transform 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.4s ease;
    overflow: visible; 
    position: relative;
    display: flex;
    flex-direction: column;
}

body.pc-hover-rad .product-miniature:hover {
    background-color: #00000007 !important;
    transform: scale(1.025); 
    z-index: 10;
}

/* 3. OPRAVA UMÍSTĚNÍ FOTKY */
body.pc-hover-rad .product-miniature .thumbnail-container,
body.pc-hover-rad .product-miniature .thumbnail-top a.thumbnail {
    padding: 0; margin: 0; width: 100%;
    background: transparent !important; box-shadow: none !important; 
    border: none !important; outline: none !important; text-decoration: none !important;
}
body.pc-hover-rad .product-miniature .thumbnail-top {
    width: 100%; margin: 0; padding: 0; background: transparent !important;
}
body.pc-hover-rad .product-miniature .thumbnail-top img,
body.pc-hover-rad .product-miniature .thumbnail-top picture {
    border-radius: 20px;
    background-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important;
    width: 100%; height: auto; object-fit: contain; aspect-ratio: 1 / 1; display: block; margin: 0 auto;
}

body.pc-hover-rad .product-miniature .product-description {
    padding: 15px 15px 20px; flex-grow: 1; background: transparent !important;
    display: flex; flex-direction: column;
}

/* --- ČISTÉ CSS ZKRÁCENÍ NADPISU --- */
body.pc-hover-rad .product-miniature .product-title,
body.pc-hover-rad .product-miniature .product-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Přesně 2 řádky */
    line-clamp: 2; /* Standardní verze pro varování kompatibility z IDE */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 2.8em; 
    line-height: 1.4em;
    white-space: normal;
}

/* 4. ROZLOŽENÍ CENY A TLAČÍTEK (KLASICKÉ 2 SLOUPCE VYPOCITANÉ MATEMATICKY) */
.pc-price-action-wrapper {
    display: flex;
    align-items: center; 
    justify-content: space-between; /* Rozmístí 2 sloupce na okraje s automatickou mezerou uprostřed */
    margin-top: auto; 
    padding-top: 15px; 
    width: 100%;
    height: 42px; /* Garantovaných 42px výšky bloku */
}

/* SLOUPEC 1: Klikatelný Odkaz Pilulky */
.pc-price-action-wrapper a.pc-price-link {
    width: calc(100% - 49px) !important; /* Šířka garantována tímto aktivním odkazem */
    text-decoration: none !important;
    display: block !important;
}

/* Dynamický Hover efekt pro interakci pilulky - automaticky ztmaví JAKOUKOLIV barvu! */
.pc-price-action-wrapper a.pc-price-link:hover .product-price-and-shipping {
    filter: brightness(0.95);
}

/* Uvnitř nativní price blok (nyní jen vyplňuje 100% obalového linku A) */
.pc-price-action-wrapper a.pc-price-link .product-price-and-shipping {
    width: 100% !important; 
    background: #ebebeb !important; /* Zpět původní milovaná čistá šedá pilulka */
    border-radius: 12px !important;
    padding: 0 5px !important; 
    margin: 0 !important; 
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important; 
    height: 42px !important; 
    min-height: 42px !important;
    max-height: 42px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease, filter 0.2s ease;
}

.pc-price-action-wrapper a.pc-price-link .product-price-and-shipping .price {
    font-weight: 700 !important; font-size: 0.95rem !important; letter-spacing: -0.2px !important; margin: 0 !important; color: #e91011 !important; /* Žádaná červená barva na samotné číslovce */
}
.pc-price-action-wrapper a.pc-price-link .product-price-and-shipping .regular-price {
    text-decoration: line-through !important; color: #888888 !important; font-size: 0.85rem !important; letter-spacing: -0.2px !important; /* Zpět na decentní šedou pro přeškrtnutí */
}
.pc-price-action-wrapper a.pc-price-link .product-price-and-shipping .discount-percentage {
    background: #fec957 !important; color: #111 !important; /* Moderní neagresivní žlutý štítek na přání Filipa */
    padding: 2px 5px !important; border-radius: 4px !important; font-size: 0.75rem !important; font-weight: bold !important; display: inline-block !important; margin: 0 !important;
}

/* SLOUPEC 2: Tlačítko (Kontejner fungující jako neviditelný statický Sloupec v Gridu) */
.pc-action-btn-container {
    width: 42px; 
    min-width: 42px; /* Pevná šířka 2. sloupce, která se nikdy nezmění */
    height: 42px; 
    position: relative; /* Kritické pro Absolute usazení vyskakovacího tlačítka UVNITŘ tohoto boxu */
    flex-shrink: 0;
    z-index: 50; 
}
.pc-action-btn-container form { margin: 0; height: 100%; display: flex; align-items: center; }

/* Samotná animovaná hmota levitujícího tlačítka kotveného ve Sloupci 2 */
.pc-action-btn-container .btn {
    width: max-content; 
    max-width: 42px; 
    height: 42px !important; 
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important; /* DŮLEŽITÉ: zabije zbloudilý margin Presty 8px o kterým jsi psal! */
    border-radius: 12px !important; padding: 0 !important; box-shadow: none !important;
    transition: max-width 0.4s cubic-bezier(0.25, 0.1, 0.25, 1), background-color 0.2s;
    border: none !important; outline: none !important;
    
    display: flex !important; flex-direction: row-reverse !important; align-items: center !important; justify-content: flex-start !important; 
    overflow: hidden !important; white-space: nowrap !important; 
    
    /* Vázání na pravý okraj pevného Sloupce 2. Tlačítko se pak roztáhne Doleva NAD Sloupec 1! */
    position: absolute; right: 0; top: 0; 
}

.pc-action-btn-container .btn i {
    width: 42px !important; height: 42px !important; font-size: 1.2rem; display: flex !important; justify-content: center !important; align-items: center !important; flex-shrink: 0 !important; margin: 0 !important;
}
.pc-action-btn-container .btn span.btn-text {
    opacity: 0; transition: opacity 0.2s ease; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; padding-left: 15px; padding-right: 5px; 
}

/* Natažení po hoveru ve směru do leva přes cenu */
.pc-action-btn-container .btn:hover { max-width: 175px; } 
.pc-action-btn-container .btn:hover span.btn-text { opacity: 1; transition-delay: 0.15s; }

.pc-action-btn-container .btn-pc-addcart, .pc-action-btn-container .btn-pc-configure { background: #111111 !important; color: #ffffff !important; }
.pc-action-btn-container .btn-pc-addcart:hover, .pc-action-btn-container .btn-pc-configure:hover { background: #000000 !important; color: #ffffff !important; }
.pc-action-btn-container .btn-pc-soldout { background: #dbdbdb !important; color: #999999 !important; cursor: not-allowed !important; }

/* 6. ODZNAK DOSTUPNOSTI - product-stock-info (Fáze 3) */
.product-stock-info {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 4px 15px;
    border-radius: 8px;
    margin-top: 30px; /* Viditelný odstup od cenové pilulky */
    width: fit-content; /* Přizpůsobit textu */
    margin-left: auto;
    margin-right: auto; /* Vycentrovat na kartě */
    text-align: center;
}

/* Ikona uvnitř odznaku */
.pc-availability-badge i {
    font-size: 0.95rem;
    line-height: 1;
}

/* Stav: Ihned skladem (zelená) */
.pc-avail-in-stock {
    background-color: #e8f5e9;
    color: #2e7d32;
}

/* Stav: Výroba na zakázku / Objednatelné (modrošedá neutrální) */
.pc-avail-on-order {
    background-color: #e8eaf6;
    color: #3949ab;
}

/* Stav: Nedostupné / Vyprodáno (světle červená/šedá) */
.pc-avail-unavailable {
    background-color: #fce4ec;
    color: #c62828;
}

/* 7. KRÁTKÝ POPIS PRODUKTU (Fáze 3) */
.product-desc-short {
    font-size: 0.8rem;
    line-height: 1.45;
    color: #777;
    margin-top: 0;
    margin-bottom: 30px;
    min-height: calc(3 * 0.8rem * 1.45); /* Rezerva pro 3 řádky - zarovná mřížku i když produkt nemá popis */
    
    /* Omezení na max 3 řádky */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 8. MOBILNÍ AUTO-HIGHLIGHT (Intersection Observer) */
/* Kopíruje hover efekt, ale aktivuje se při scrollování na touch zařízeních */
body.pc-hover-rad .product-miniature.pc-active {
    background-color: #00000007 !important;
    transform: scale(1.025);
    z-index: 10;
}