/* PH-UX1 2026-11-06b: konzistence A1 až A7 (Web UX). Mění jen níže uvedené selektory. */
:root{
  --ph-ux1-link:#74572F;          /* hnědá najetí */
  --ph-ux1-link-hover:#74572F;    /* hnědá z manuálu, ne vínová */
  --ph-ux1-ink:#211A17;           /* inkoust */
  --ph-ux1-outline:#938578;       /* obrys */
  --ph-ux1-outline-hover:#6E645D; /* tlumený */
  --ph-ux1-focus:#6B1E2E;         /* vínová, 9,6 až 11,4:1 na pozadích manuálu */
  --ph-ux1-sand:#F1EBE1;
  --ph-ux1-line:#E7E0D6;
}

/* A1 Odkaz Košík v hlavičce a krocích 1 a 2 */
html body.ordering-process #content ol.cart-header li.step.step-1 > a[href$="/kosik/"],
ol.cart-header li.step.step-1 > a[href$="/kosik/"],
html body.ordering-process #content ol.cart-header li.step.step-1 > a[href$="/kosik/"]:visited,
ol.cart-header li.step.step-1 > a[href$="/kosik/"]:visited{color:var(--ph-ux1-link) !important}
html body.ordering-process #content ol.cart-header li.step.step-1 > a[href$="/kosik/"]:hover,
ol.cart-header li.step.step-1 > a[href$="/kosik/"]:hover,
html body.ordering-process #content ol.cart-header li.step.step-1 > a[href$="/kosik/"]:active,
ol.cart-header li.step.step-1 > a[href$="/kosik/"]:active{color:var(--ph-ux1-link-hover) !important}
html body.ordering-process #content ol.cart-header li.step.step-1 > a[href$="/kosik/"]:focus-visible,
ol.cart-header li.step.step-1 > a[href$="/kosik/"]:focus-visible{color:var(--ph-ux1-link) !important;outline:2px solid var(--ph-ux1-focus) !important;outline-offset:2px !important;border-radius:4px}

/* A2 Navigace DÁRKY a VÍNA (celá 1. úroveň od 768 px) */
@media (min-width:768px){
  html body #navigation ul.menu-level-1 > li > a,
  html body #navigation ul.menu-level-1 > li > a.active,
  html body #navigation ul.menu-level-1 > li > a:visited{color:var(--ph-ux1-ink) !important}
  html body #navigation ul.menu-level-1 > li > a:hover,
  html body #navigation ul.menu-level-1 > li > a:active{color:var(--ph-ux1-link-hover) !important}
  html body #navigation ul.menu-level-1 > li > a:focus-visible{outline:2px solid var(--ph-ux1-focus);outline-offset:-2px}
}

/* A3 Pole kroku 2 */
form:has(input#billFullName) :is(input#billFullName,input#email,input#phone,input#billStreet,input#billCity,input#billZip).form-control{
  box-sizing:border-box;min-height:48px;border-color:var(--ph-ux1-outline)}
form:has(input#billFullName) :is(input#billFullName,input#email,input#phone,input#billStreet,input#billCity,input#billZip).form-control:hover{border-color:var(--ph-ux1-outline-hover)}
form:has(input#billFullName) :is(input#billFullName,input#email,input#phone,input#billStreet,input#billCity,input#billZip).form-control:focus-visible{
  border-color:var(--ph-ux1-focus);outline:2px solid var(--ph-ux1-focus);outline-offset:1px}

/* A4 Pole vyhledávání */
input.query-input.form-control.search-input{box-sizing:border-box;height:48px;min-height:48px;border:1px solid var(--ph-ux1-outline)}
input.query-input.form-control.search-input:hover{border-color:var(--ph-ux1-outline-hover)}
input.query-input.form-control.search-input:focus-visible{border-color:var(--ph-ux1-focus);outline:2px solid var(--ph-ux1-focus);outline-offset:2px}

/* A5 Tlačítko kroku Údaje ve stavovém pruhu */
html body.ordering-process #content ol.cart-header li.step.step-3 > button.ph-krok3,
html body.ordering-process #content ol.cart-header li.step.step-3 button.ph-krok3,
html body.ordering-process #content ol.cart-header .ph-krok3,
ol.cart-header li.step.step-3 > button.ph-krok3,
button.ph-krok3{box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;min-height:44px !important;min-width:44px !important}
html body.ordering-process #content ol.cart-header li.step.step-3 > button.ph-krok3:focus-visible,
html body.ordering-process #content ol.cart-header li.step.step-3 button.ph-krok3:focus-visible,
html body.ordering-process #content ol.cart-header .ph-krok3:focus-visible,
ol.cart-header li.step.step-3 button.ph-krok3:focus-visible,
button.ph-krok3:focus-visible{outline:2px solid var(--ph-ux1-focus) !important;outline-offset:2px !important}

/* A6 Tlačítko + a pole množství v košíku */
body.in-kosik :is(button.increase,button.decrease,input.amount){box-sizing:border-box;min-width:48px;min-height:48px}
body.in-kosik :is(button.increase,button.decrease):hover{background-color:var(--ph-ux1-sand)}
body.in-kosik :is(button.increase,button.decrease):active{background-color:var(--ph-ux1-line)}
body.in-kosik :is(button.increase,button.decrease,input.amount):focus-visible{outline:2px solid var(--ph-ux1-focus);outline-offset:2px}

/* A7 Zavřít v okně Zásilkovny / Packeta (#cboxClose) */
#colorbox #cboxClose{box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;
  color:var(--ph-ux1-ink);background-color:#FFFFFF;border:1px solid var(--ph-ux1-outline);border-radius:999px}
#colorbox #cboxClose:hover{background-color:var(--ph-ux1-sand)}
#colorbox #cboxClose:active{background-color:var(--ph-ux1-line)}
#colorbox #cboxClose:focus-visible{outline:2px solid var(--ph-ux1-focus);outline-offset:2px}