/* ============================================================
   print.css — moderní tisková verze
   Emil Frey | digiboost_frey
   ============================================================ */

/* --- 1. @PAGE & BASE --------------------------------------- */

@page {
    size: A4 portrait;
    margin: 14mm 12mm 16mm 12mm;
}

*,
*::before,
*::after {
    box-shadow: none !important;
    text-shadow: none !important;
    animation: none !important;
    transition: none !important;
}

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff !important;
    color: #111 !important;
    font-size: 11pt;
    line-height: 1.5;
}

a {
    color: inherit !important;
    text-decoration: none !important;
}

img {
    max-width: 100%;
    height: auto;
}

/* --- 2. SKRÝT NEPOTŘEBNÉ PRVKY ---------------------------- */

/* header + footer: skryty úplně */
header,
footer,

/* admin panel */
.admin_settings,

/* info lišty, flash zprávy */
.lista,
.flash,
.message_centering,
.main_green_line,
.top_line,
.alert-error,
.alert-warning,
.alert-info,

/* záruky, předchozí/další vůz */
.zaruky_list,
.structure.inside_middle.vertical_align_middle > .btns,

/* kotevní navigační panel */
.anchor_list,
.anchor_sticky,

/* article images — slider controls a thumbnails */
.thumbnail_list,
.article_images_list .slider_controls,

/* detail top — tlačítka tisk/sdílet/porovnat */
.detail_top .right,

/* sticky verze hlavičky vozu (detail_top.sticky) */
.detail_top.sticky,

/* kontakt na prodejce — celá sekce skryta */
#scroll-kontakt-na-prodejce,

/* certbenefits (certifikovaný vůz loga) */
.certbenefits_list,

/* formuláře — nezávazná poptávka, splátky */
#scroll-forms,

/* články, videa — celé sekce */
#scroll-clanky,
.videa_list,
.structure_tabs:has(.videa_list),

/* sticky article bar */
.article_sticky,

/* tooltips, modální okna */
.tooltipster,
.tooltip,
.text_popup,
.pricedetail,
.pricedetail2,

/* obecné UI prvky */
.scroll_top,
.scroll_cookies,
.search_box,
.compare_icon,
.owl-nav,
.under_slider,

/* patička — sociální sítě, newsletter, bottom bar */
footer ul.social,
footer .footer_box.bottom,
.breadcrumbs {
    display: none !important;
}

/* --- 3. (header skryt úplně — viz sekce 2) ----------------- */

/* --- 4. LAYOUT --------------------------------------------- */

#content {
    width: 100%;
    margin: 0;
    padding: 0;
}

.inside_middle,
.inside_max,
.inside_ultra,
.inside {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Potlačit veškeré site padding/margin třídy pro tisk */
.structure,
[class*="max_padding"],
[class*="middle_padding"],
[class*="min_padding"],
[class*="min2_padding"],
[class*="max_margin"],
[class*="middle_margin"],
[class*="min_margin"],
[class*="min2_margin"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* --- 5. OBRÁZKY VOZU --------------------------------------- */

/* Parent inside_ultra nesmí klipovat carousel */
.inside_ultra {
    overflow: visible !important;
}

/* Owl carousel — dva snímky vedle sebe */
.article_images_list {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 14pt !important;
    overflow: visible !important;
    page-break-inside: avoid;
    break-inside: avoid;
}

/* Reset owl-stage-outer */
.article_images_list .owl-stage-outer {
    overflow: visible !important;
    width: 100% !important;
}

/* Stage = flex kontejner, 100% šířky, mezera jen mezi fotkama */
.article_images_list .owl-stage {
    transform: none !important;
    display: flex !important;
    width: 100% !important;
    gap: 8pt !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Skrýt všechny slidy */
.article_images_list .owl-item {
    display: none !important;
    float: none !important;
    transform: none !important;
    margin: 0 !important;
}

/* Zobrazit první dvě — flex: 1 = rovná šířka bez přebytku vpravo */
.article_images_list .owl-item.print-visible {
    display: block !important;
    flex: 1 1 0 !important;
    width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    transform: none !important;
}

/* Kontejner obrázku */
.article_images_list .owl-item.print-visible .in {
    display: block !important;
    position: relative;
    width: 100% !important;
    aspect-ratio: 4 / 3;
    overflow: hidden !important;
    border: 1pt solid #ddd;
    background: #f5f5f5;
}

/* Skrýt ::before a ::after (lightbox ikony + modrý gradient overlay) */
.article_images_list::before,
.article_images_list::after,
.article_images_list a::before,
.article_images_list a::after,
.article_images_list .in::before,
.article_images_list .in::after {
    display: none !important;
    background: none !important;
    content: none !important;
}

/* Obrázek — reset img.bg transformu z skelet.css (translate(-50%,-50%)) */
.article_images_list .owl-item:first-child picture,
.article_images_list .owl-item:first-child picture img,
.article_images_list .owl-item:first-child img,
.article_images_list .owl-item:nth-child(2) picture,
.article_images_list .owl-item:nth-child(2) picture img,
.article_images_list .owl-item:nth-child(2) img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    left: 0 !important;
    top: 0 !important;
    object-fit: cover !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.article_images_list .item .in{min-height: initial !important;}

.bonus_list{display: none !important;}

/* --- 6. DETAIL VOZU — horní sekce (maininfo) --------------- */

/* Hlavička vozu — značka, název, dostupnost */
.detail_top {
    display: block !important;
    margin: 0;
    padding: 0;
}

.detail_top .title {
    display: block;
}

.detail_top .title .brand {
    display: flex !important;
    align-items: center;
    height: 20pt;
    margin: 0 0 6pt;
}

.detail_top .title .brand img {
    height: 20pt !important;
    width: auto !important;
    display: block !important;
    margin: 0 !important;
}

.detail_top .title h1 {
    font-size: 17pt;
    line-height: 1.25;
    font-weight: 700;
    color: #000;
    margin: 0 0 6pt;
}

.detail_top .title .flex {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4pt 12pt;
    align-items: center;
    margin: 0 0 8pt;
}

.detail_top .title .subtitle {
    font-size: 9pt;
    color: #4E596C;
    font-weight: 400;
    margin: 0;
}

.detail_top .title .availability {
    font-size: 9pt;
    font-weight: 700;
    color: #111;
    margin: 0;
    display: flex !important;
    gap: 4pt;
    align-items: center;
}

.detail_top .title .availability::before {
    display: none;
}

.detail_top .title .availability .green {
    color: #139053 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.detail_top .title .availability .red {
    color: #c0392b !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

/* --- 7. CENA ----------------------------------------------- */

.price_list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 4pt 32pt;
    align-items: flex-start;
    border: none !important;
    padding: 14pt 0 0 !important;
    margin: 0 !important;
    page-break-inside: avoid;
    break-inside: avoid;
}

.price_list .item {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
}

.price_list .item.full {
    width: 100%;
}

.price_list .item .title {
    font-size: 8pt;
    line-height: 12pt;
    color: #4E596C;
    font-weight: 400;
    margin: 0;
}

.price_list .item .value {
    font-size: 16pt;
    line-height: 1.2;
    color: #000E3D !important;
    font-weight: 700;
    margin: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.price_list .item .value {
    font-size: 18pt;
    font-weight: 700;
    color: #000E3D !important;
}

.price_list .item .anotation {
    font-size: 8pt;
    line-height: 12pt;
    color: #4E596C;
    margin: 0;
}

/* Skrýt interaktivní anotace (Spočítat splátku, Detail splátky) */
.price_list .item :is(button, a).anotation,
.price_list .item .tooltipster {
    display: none !important;
}

/* DPH poznámka */
.price_list .item.full .title {
    font-size: 8pt;
    color: #888;
}

/* --- 8. (Kontakt na prodejce — skryt úplně, viz sekce 2) --- */

/* --- 9. TECHNICKÁ SPECIFIKACE ------------------------------ */

/* Vyčistit float obrázku před tech spec */
#scroll-technicka-specifikace {
    clear: both !important;
}

#scroll-technicka-specifikace {
    display: block !important;
    margin: 14pt 0 0;
    page-break-before: auto;
    break-before: auto;
}

#scroll-technicka-specifikace .text_box h2 {
    font-size: 12pt;
    font-weight: 700;
    color: #000E3D;
    margin: 0;
    border: none !important;
    padding-bottom: 0;
}

.param_grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8pt !important;
    margin: 0 !important;
    width: 100% !important;
    page-break-inside: auto;
    break-inside: auto;
}

.param_column {
    border-radius: 4pt !important;
    overflow: hidden;
    border: 0.5pt solid #ccc;
    display: flex !important;
    flex-direction: column !important;
    page-break-inside: avoid;
    break-inside: avoid;
}

.param_column .item {
    display: flex !important;
    width: 100%;
    border-bottom: 0.5pt solid #ddd;
    page-break-inside: avoid;
    break-inside: avoid;
}

.param_column .item:last-child {
    border-bottom: none;
}

.param_column .item .title {
    background: #4E596C !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    width: 50% !important;
    padding: 4pt 8pt !important;
    font-size: 8pt;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 !important;
    box-shadow: none !important;
    text-align: right;
}

.param_column .item .value {
    background: #ECEFF4 !important;
    color: #4E596C !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    width: 50% !important;
    padding: 4pt 8pt !important;
    font-size: 8pt;
    font-weight: 400;
    line-height: 1.4;
    margin: 0 !important;
    box-shadow: none !important;
    text-align: left;
}

.param_column .item .tooltipster,
.param_column .item .tooltip {
    display: none !important;
}

/* --- 10. VÝBAVA -------------------------------------------- */

#scroll-vybava {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    page-break-before: always !important;
    break-before: page !important;
}

#scroll-vybava .structure {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

.print_spec{padding: 28pt 0 0 !important;}

#scroll-vybava h2 {
    font-size: 12pt;
    font-weight: 700;
    color: #000E3D;
    margin: 0;
    border: none !important;
    padding-bottom: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.equip_list {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 6pt 16pt !important;
    width: 100% !important;
    max-width: initial;
}

.equip_list .item {
    display: block !important;
    background: transparent !important;
    page-break-inside: avoid;
    break-inside: avoid;
}

.equip_list .item [role="region"] {
    display: block !important;
}

.equip_list .item .title {
    font-size: 12pt;
    font-weight: 700;
    color: #000E3D !important;
    margin: 0 !important;
    padding-bottom: 2pt;
}

.equip_list .item ul, .equip_list .item div > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: square !important;
    display: flex !important;
}

.equip_list .item ul li {
    font-size: 7.5pt;
    line-height: 1.5;
    color: #111 !important;
    margin: 0 !important;
    padding: 0 !important;
    break-inside: avoid;
    width: initial;
}

.equip_list .item ul li .text_box, .equip_list .item ul li.active .text_box {
    display: none !important;
}

.product_sticky{display: none !important;}

/* --- 11. VÍCE INFORMACÍ (Poznámka, Dojezd, Rozměry, aj.) --- */

#scroll-vice-informaci {
    display: block !important;
    margin: 8pt 0 0;
    padding: 0 !important;
}

#scroll-vice-informaci .structure,
#scroll-vice-informaci .inside_ultra,
#scroll-vice-informaci [class*="padding"],
#scroll-vice-informaci [class*="margin"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

#scroll-vice-informaci > .structure > .structure {
    padding-bottom: 6pt !important;
    page-break-inside: avoid;
    break-inside: avoid;
}

/* Reset skelet.css: .structure.no_padding_b.no_padding_t[style*="--s-background"] > .text_box { padding: 32px } */
#scroll-vice-informaci .text_box,
#scroll-vice-informaci .structure > .text_box,
#scroll-vice-informaci .structure .structure .text_box {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

#scroll-vice-informaci .text_box h2 {
    font-size: 11pt;
    font-weight: 700;
    color: #000E3D;
    margin: 0 0 4pt;
}

#scroll-vice-informaci .text_box p,
#scroll-vice-informaci .text_box li {
    font-size: 8.5pt;
    line-height: 1.6;
    color: #222;
    margin: 0 0 3pt;
}

#scroll-vice-informaci ul.column3,
#scroll-vice-informaci ul.column2 {
    column-count: 2 !important;
    column-gap: 12pt !important;
    font-size: 8.5pt;
    padding-left: 14pt !important;
    margin: 0 !important;
}

#scroll-vice-informaci ul.column3 li,
#scroll-vice-informaci ul.column2 li {
    font-size: 8.5pt;
    break-inside: avoid;
}

/* Skrýt katalogy a soubory ke stažení — celá sekce */
#scroll-vice-informaci .product_files_list,
#scroll-vice-informaci .article_files_list,
#scroll-vice-informaci .structure:has(.product_files_list),
#scroll-vice-informaci .structure:has(.article_files_list) {
    display: none !important;
}

/* --- 12. SPODNÍ TEXTY (PRODUCT_TEXT, poznámky, disclaimer) - */

/* Sjednocení všech textových bloků mimo pojmenované sekce */
.text_box {
    background: transparent !important;
}

.text_box h2 {
    font-size: 11pt;
    font-weight: 700;
    color: #000E3D;
    margin: 0 0 4pt;
}

.text_box p,
.text_box li {
    font-size: 8pt;
    line-height: 1.6;
    color: #333 !important;
    margin: 0 0 3pt;
}

.text_box ol,
.text_box ul {
    padding-left: 14pt;
    margin: 0 0 4pt;
}

.text_box ol li,
.text_box ul li {
    font-size: 8pt;
    line-height: 1.6;
    color: #333 !important;
    margin: 0 0 2pt;
    break-inside: avoid;
}

/* --- 12b. (footer skryt úplně — viz sekce 2) --------------- */

/* --- 13. PAGE BREAKS --------------------------------------- */

.structure.inside_middle.no_margin.min2_padding_b.middle_padding_t.row {
    page-break-after: avoid;
    break-after: avoid;
}

.structure.inside_middle.no_margin.middle_padding_b.row {
    page-break-after: avoid;
    break-after: avoid;
}

#scroll-technicka-specifikace,
#scroll-vybava,
#scroll-vice-informaci {
    page-break-before: auto;
    break-before: auto;
}

.param_column,
.equip_list .item,
.our_team_list .item {
    page-break-inside: avoid;
    break-inside: avoid;
}