/* PH-CLS 2026-10-22 — mercato.cz: rezervace místa, než skripty šablony Classic a nadstavby Adamin přeskládají stránku (snížení CLS). Vrácení: smazat řádek PH-CLS v HTML kódech > Záhlaví. */
@media only screen and (max-width: 767px) {
  /* A) drobečková navigace hned v konečné podobě (nadstavba ji jinak ukáže až po JS třídou mobile-breadcrumbs) */
  html body.blank-mode .container.breadcrumbs-wrapper,
  html body .breadcrumbs-wrapper { display: block; margin-top: 95px; padding: 17px 20px 5px !important; }
  html body.blank-mode .container.breadcrumbs-wrapper .breadcrumbs > span > a,
  html body.blank-mode .container.breadcrumbs-wrapper .breadcrumbs > span > span { font-size: 12px; margin-bottom: 3px; }
  html body.blank-mode .container.breadcrumbs-wrapper .breadcrumbs > span .navigation-bullet { padding: 0; width: 12px; height: 12px; background-size: 6px; top: 1px; }
  html body .breadcrumbs-wrapper + #content-wrapper { padding-top: 0 !important; }
  /* detail: dva řádky i před načtením písma Roboto (jinak se název produktu po načtení zalomí) */
  html body.type-detail .breadcrumbs-wrapper .breadcrumbs { min-height: 38px; }
  html body .breadcrumbs-wrapper + #content-wrapper #content { padding-top: 5px; }

  /* B) horní lišta: nástroje skrýt, dokud do ní skript nepřesune logo */
  .top-navigation-bar .nav-part:not(:has(> .site-name)) { visibility: hidden; }


  /* D) detail produktu: před JS seřadit jako po JS (obrázek pod nadpis) */
  .p-detail-inner:has(.product-top > .p-image-wrapper) { display: flex; flex-direction: column; }
  .p-detail-inner:has(.product-top > .p-image-wrapper) > .p-detail-inner-header,
  .p-detail-inner:has(.product-top > .p-image-wrapper) > form,
  .p-detail-inner:has(.product-top > .p-image-wrapper) > form > .product-top { display: contents; }
  .p-detail-inner:has(.product-top > .p-image-wrapper) h1 { order: 1; }
  .p-detail-inner:has(.product-top > .p-image-wrapper) .product-top > .p-image-wrapper { order: 2; margin-top: 0; padding: 0; }
  .p-detail-inner:has(.product-top > .p-image-wrapper) .p-detail-inner-header > .p-code { order: 3; }
  .p-detail-inner:has(.product-top > .p-image-wrapper) .product-top > .col-xs-12:not(.p-image-wrapper):not(.p-info-wrapper) { order: 4; margin: 0 -10px; }
  .p-detail-inner:has(.product-top > .p-image-wrapper) .product-top > .p-info-wrapper { order: 5; margin: 0 -10px; width: auto; padding: 50px 35px 0 !important; }
  /* cena, dostupnost a tlačítko: místo pro rámeček .price-line, který skript vytvoří */
  .p-detail-inner:has(.product-top > .p-image-wrapper) .p-info-wrapper > .availability-value { order: -3; margin-top: 10px; min-height: 52px; }
  .p-detail-inner:has(.product-top > .p-image-wrapper) .p-info-wrapper > .p-final-price-wrapper { order: -2; min-height: 46px; }
  .p-detail-inner:has(.product-top > .p-image-wrapper) .p-info-wrapper > .add-to-cart { order: -1; }
}
@media only screen and (max-width: 480px) {
  html body.blank-mode .container.breadcrumbs-wrapper,
  html body .breadcrumbs-wrapper { padding: 17px 15px 2px !important; }
}

/* C) věkové okno: pevná horní hrana, zmenšování výšky už nehýbe obsahem */
body:has(.site-agreement) #colorbox.shoptet-modal-md { position: fixed !important; top: calc(50% - 100px) !important; }
@media only screen and (max-width: 767px) {
  body:has(.site-agreement) #colorbox.shoptet-modal-md { top: calc(50% - 70px) !important; }
}

/* E) horní lišta: odkazy skrýt, dokud je skript nepřesune na místo */
.top-navigation-bar > .container > .top-navigation-menu { visibility: hidden; }

@media only screen and (min-width: 993px) {
  /* F) hlavička: místo pro tlačítko Přihlášení, které skript vloží mezi vyhledávání a košík */
  #header .header-top:not(:has(> .top-nav-button-login))::after { content: ""; display: block; width: 133px; order: 1; }
  #header .header-top:not(:has(> .top-nav-button-login)) > .navigation-buttons { order: 2; }

  /* G) postranní panel: místo pro box Nákupní košík, který skript vloží nahoru */
  .type-detail aside > .sidebar-inner:not(:has(> .cart-sidebar-box)),
  .type-category aside > .sidebar-inner:not(:has(> .cart-sidebar-box)) { padding-top: 104px; visibility: hidden; }
  .type-detail aside > .sidebar-inner:not(:has(> .cart-sidebar-box)) > *,
  .type-category aside > .sidebar-inner:not(:has(> .cart-sidebar-box)) > * { visibility: visible; }
  aside .sidebar-inner > .cart-sidebar-box { min-height: 174px; }

  /* H) detail produktu: před JS dva sloupce jako po JS (obrázek vlevo, nadpis a cena vpravo) */
  .p-detail-inner:has(> .p-detail-inner-header) { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto 1fr; margin: 0 -10px; }
  .p-detail-inner:has(> .p-detail-inner-header) > .p-detail-inner-header,
  .p-detail-inner:has(> .p-detail-inner-header) > form,
  .p-detail-inner:has(> .p-detail-inner-header) > form > .product-top { display: contents; }
  .p-detail-inner:has(> .p-detail-inner-header) > form > span { position: absolute; }
  .p-detail-inner:has(> .p-detail-inner-header) .product-top > .p-image-wrapper { grid-column: 1; grid-row: 1 / span 4; width: auto; max-width: none; }
  .p-detail-inner:has(> .p-detail-inner-header) .p-detail-inner-header > h1 { grid-column: 2; grid-row: 1; padding: 0 20px 0 25px; margin-bottom: 0; }
  .p-detail-inner:has(> .p-detail-inner-header) .p-detail-inner-header > .p-code { grid-column: 2; grid-row: 2; padding-left: 25px; padding-right: 10px; }
  .p-detail-inner:has(> .p-detail-inner-header) .product-top > .col-xs-12:not(.p-image-wrapper):not(.p-info-wrapper) { grid-column: 2; grid-row: 3; padding-left: 25px; padding-right: 10px; }
  .p-detail-inner:has(> .p-detail-inner-header) .product-top > .p-info-wrapper { grid-column: 2; grid-row: 4; width: auto; max-width: none; display: flex; flex-direction: column; visibility: hidden; }
  .p-detail-inner:has(> .p-detail-inner-header) .product-top > .p-info-wrapper > * { visibility: visible; }
  .p-detail-inner:has(> .p-detail-inner-header) .p-info-wrapper > .p-final-price-wrapper { order: 1; margin-top: 50px; padding-left: 25px; min-height: 46px; }
  .p-detail-inner:has(> .p-detail-inner-header) .p-info-wrapper > .add-to-cart { order: 2; padding-left: 25px; }
  .p-detail-inner:has(> .p-detail-inner-header) .p-info-wrapper > .availability-value { order: 3; margin-top: 20px; padding-left: 25px; min-height: 37px; }
  .p-detail-inner:has(> .p-detail-inner-header) .p-info-wrapper > .social-buttons-wrapper { order: 4; margin-top: 45px; }
  /* řádek s dobou dodání skript přesune do rámečku s cenou; do té doby ho nezobrazovat */
  .p-detail-inner:has(> .p-detail-inner-header) .p-info-wrapper > .detail-parameters tr:has(.delivery-time) { display: none; }
}