/* Hůlkař Account Designer — styles are scoped to the WooCommerce account page or the editor demo. */
:is(body.hue-account-page, .hue-demo) .woocommerce {
  color: var(--hue-text, #352a22);
  font-family: var(--hue-font, system-ui, sans-serif);
  font-size: var(--hue-font-size, 16px);
  line-height: 1.65;
  max-width: var(--hue-max-width, 1180px);
  margin: 0 auto;
  padding: var(--hue-gap, 24px);
  border: 1px solid var(--hue-border, #e2d8cb);
  border-radius: calc(var(--hue-radius, 18px) + 8px);
  background: var(--hue-background, #f4efe7);
  box-sizing: border-box;
  min-width: 0;
}
:is(body.hue-account-page, .hue-demo) .woocommerce *,
:is(body.hue-account-page, .hue-demo) .woocommerce *::before,
:is(body.hue-account-page, .hue-demo) .woocommerce *::after { box-sizing: border-box; }
:is(body.hue-account-page, .hue-demo) .woocommerce a { color: var(--hue-accent); }
:is(body.hue-account-page, .hue-demo) .woocommerce p,
:is(body.hue-account-page, .hue-demo) .woocommerce h1,
:is(body.hue-account-page, .hue-demo) .woocommerce h2,
:is(body.hue-account-page, .hue-demo) .woocommerce h3,
:is(body.hue-account-page, .hue-demo) .woocommerce h4,
:is(body.hue-account-page, .hue-demo) .woocommerce label,
:is(body.hue-account-page, .hue-demo) .woocommerce strong,
:is(body.hue-account-page, .hue-demo) .woocommerce td,
:is(body.hue-account-page, .hue-demo) .woocommerce th,
:is(body.hue-account-page, .hue-demo) .woocommerce legend {
  color: var(--hue-text);
}
:is(body.hue-account-page, .hue-demo) .woocommerce:has(> .woocommerce-MyAccount-navigation) {
  display: grid;
  grid-template-columns: minmax(0, var(--hue-nav-width, 245px)) minmax(0, 1fr);
  gap: var(--hue-gap, 24px);
  align-items: start;
}
:is(body.hue-account-page, .hue-demo) .woocommerce:has(> .woocommerce-MyAccount-navigation) > :not(.woocommerce-MyAccount-navigation):not(.woocommerce-MyAccount-content) { grid-column: 1 / -1; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation,
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content { float: none !important; width: auto !important; min-width: 0; margin: 0; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation {
  padding: 12px;
  background: var(--hue-menu-bg, #eae0d3);
  border: 1px solid var(--hue-border, #e2d8cb);
  border-radius: var(--hue-radius, 18px);
  position: relative;
}
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation li { list-style: none !important; margin: 0 !important; padding: 0 !important; background: transparent; border: 0; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation li::before,
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation li::after { display: none !important; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 12px 15px;
  color: var(--hue-menu-text, #48382c) !important;
  background: transparent;
  border: 0;
  border-radius: max(4px, calc(var(--hue-radius, 18px) - 7px));
  font-size: .94em;
  font-weight: 550;
  text-decoration: none !important;
  box-shadow: none;
  line-height: 1.4;
  transition: background-color .18s ease, color .18s ease;
}
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation li:not(.is-active) a:hover,
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation li:not(.is-active) a:focus-visible { background: var(--hue-surface); color: var(--hue-text) !important; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation li.is-active a,
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-navigation li.is-active a:hover {
  background: var(--hue-active-bg, #65452f) !important;
  color: var(--hue-active-text, #fff) !important;
}
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content {
  padding: clamp(18px, 3vw, 34px);
  background: var(--hue-surface, #fffdf9);
  border: 1px solid var(--hue-border, #e2d8cb);
  border-radius: var(--hue-radius, 18px);
  min-height: 260px;
  overflow-wrap: anywhere;
}
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content > :first-child { margin-top: 0; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content > :last-child { margin-bottom: 0; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content h2,
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content h3 { line-height: 1.3; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content p { margin-top: 0; margin-bottom: 1.1em; }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content table,
:is(body.hue-account-page, .hue-demo) .woocommerce table.shop_table { width: 100%; border-collapse: collapse; border: 1px solid var(--hue-border); border-radius: max(4px, calc(var(--hue-radius) - 7px)); overflow: hidden; background: var(--hue-surface); }
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content table td,
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content table th,
:is(body.hue-account-page, .hue-demo) .woocommerce table.shop_table td,
:is(body.hue-account-page, .hue-demo) .woocommerce table.shop_table th {
  text-align: left;
  padding: 13px 12px;
  vertical-align: middle;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--hue-border);
  color: var(--hue-text);
}
:is(body.hue-account-page, .hue-demo) .woocommerce-MyAccount-content table tr:last-child td { border-bottom: 0; }
:is(body.hue-account-page, .hue-demo) .woocommerce .button,
:is(body.hue-account-page, .hue-demo) .woocommerce button.button,
:is(body.hue-account-page, .hue-demo) .woocommerce input.button,
:is(body.hue-account-page, .hue-demo) .woocommerce .woocommerce-Button {
  display: inline-block;
  padding: 11px 18px;
  min-height: 42px;
  font-size: .92em;
  line-height: 1.4;
  font-weight: 650;
  color: var(--hue-button-text, #fff) !important;
  background: var(--hue-button-bg, #65452f) !important;
  border: 1px solid var(--hue-button-bg, #65452f) !important;
  border-radius: max(4px, calc(var(--hue-radius, 18px) - 8px));
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease;
}
:is(body.hue-account-page, .hue-demo) .woocommerce .button:hover,
:is(body.hue-account-page, .hue-demo) .woocommerce button.button:hover,
:is(body.hue-account-page, .hue-demo) .woocommerce input.button:hover { filter: brightness(1.12); }
:is(body.hue-account-page, .hue-demo) .woocommerce .button:active { transform: translateY(1px); }
:is(body.hue-account-page, .hue-demo) .woocommerce form .form-row { margin-bottom: 15px; }
:is(body.hue-account-page, .hue-demo) .woocommerce input.input-text,
:is(body.hue-account-page, .hue-demo) .woocommerce input[type="text"],
:is(body.hue-account-page, .hue-demo) .woocommerce input[type="email"],
:is(body.hue-account-page, .hue-demo) .woocommerce input[type="password"],
:is(body.hue-account-page, .hue-demo) .woocommerce input[type="tel"],
:is(body.hue-account-page, .hue-demo) .woocommerce select,
:is(body.hue-account-page, .hue-demo) .woocommerce textarea {
  width: 100%;
  max-width: 100%;
  min-height: 43px;
  padding: 10px 13px;
  color: var(--hue-text) !important;
  background: var(--hue-surface) !important;
  border: 1px solid var(--hue-border) !important;
  border-radius: max(4px, calc(var(--hue-radius) - 9px));
  font: inherit;
  box-shadow: none;
}
:is(body.hue-account-page, .hue-demo) .woocommerce input:focus-visible,
:is(body.hue-account-page, .hue-demo) .woocommerce select:focus-visible,
:is(body.hue-account-page, .hue-demo) .woocommerce textarea:focus-visible,
:is(body.hue-account-page, .hue-demo) .woocommerce a:focus-visible,
:is(body.hue-account-page, .hue-demo) .woocommerce button:focus-visible { outline: 2px solid var(--hue-accent); outline-offset: 3px; }
:is(body.hue-account-page, .hue-demo) .woocommerce .woocommerce-error,
:is(body.hue-account-page, .hue-demo) .woocommerce .woocommerce-info,
:is(body.hue-account-page, .hue-demo) .woocommerce .woocommerce-message { border-radius: max(4px, calc(var(--hue-radius) - 8px)); padding: 14px 18px 14px 48px; color: var(--hue-text); }
:is(body.hue-account-page, .hue-demo) .woocommerce .woocommerce-Addresses .woocommerce-Address { padding: 8px 12px 8px 0; }
:is(body.hue-account-page, .hue-demo) .woocommerce fieldset { border: 1px solid var(--hue-border); border-radius: var(--hue-radius); margin: 16px 0; padding: 15px; }
:is(body.hue-account-page, .hue-demo) .woocommerce address { color: var(--hue-text); }

/* Layout choices are display-only; account endpoints and their URLs remain untouched. */
:is(body.hue-account-page, .hue-demo).hue-layout-right .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: minmax(0, 1fr) minmax(0, var(--hue-nav-width, 245px)); }
:is(body.hue-account-page, .hue-demo).hue-layout-right .woocommerce-MyAccount-navigation { grid-column: 2; grid-row: 1; }
:is(body.hue-account-page, .hue-demo).hue-layout-right .woocommerce-MyAccount-content { grid-column: 1; grid-row: 1; }
:is(body.hue-account-page, .hue-demo).hue-layout-top .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: minmax(0,1fr); }
:is(body.hue-account-page, .hue-demo).hue-layout-top .woocommerce-MyAccount-navigation,
:is(body.hue-account-page, .hue-demo).hue-layout-top .woocommerce-MyAccount-content { grid-column: 1; grid-row: auto; }
:is(body.hue-account-page, .hue-demo).hue-layout-top .woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; }
:is(body.hue-account-page, .hue-demo).hue-shadow-soft .woocommerce-MyAccount-navigation,
:is(body.hue-account-page, .hue-demo).hue-shadow-soft .woocommerce-MyAccount-content { box-shadow: 0 8px 28px rgba(38,28,19,.07); }
:is(body.hue-account-page, .hue-demo).hue-shadow-strong .woocommerce-MyAccount-navigation,
:is(body.hue-account-page, .hue-demo).hue-shadow-strong .woocommerce-MyAccount-content { box-shadow: 0 14px 36px rgba(32,20,14,.17); }
body.hue-account-page.hue-page-custom { background-color: var(--hue-page-bg) !important; background-image: var(--hue-page-image) !important; background-size: cover; background-position: center; background-attachment: fixed; }
body.hue-account-page.hue-page-custom .wp-block-post-title { color: var(--hue-text); }

/* WooCommerce form when logged out: readable against light or dark theme backgrounds. */
body.hue-account-page .woocommerce:has(> .woocommerce-form-login),
body.hue-account-page .woocommerce:has(> #customer_login) { max-width: 820px; }
body.hue-account-page .woocommerce .woocommerce-form-login,
body.hue-account-page .woocommerce .woocommerce-form-register { background: var(--hue-surface); color: var(--hue-text); border: 1px solid var(--hue-border); border-radius: var(--hue-radius); padding: clamp(20px, 4vw, 32px); }

@media (max-width: 760px) {
  body.hue-account-page .woocommerce:has(> .woocommerce-MyAccount-navigation) { grid-template-columns: minmax(0,1fr) !important; }
  body.hue-account-page .woocommerce-MyAccount-navigation,
  body.hue-account-page .woocommerce-MyAccount-content { grid-column: 1 !important; grid-row: auto !important; }
  body.hue-account-page .woocommerce-MyAccount-navigation ul { flex-direction: row; flex-wrap: wrap; }
  body.hue-account-page .woocommerce { padding: 14px; }
  body.hue-account-page .woocommerce-MyAccount-content { padding: 18px; }
  body.hue-account-page .woocommerce-MyAccount-navigation li a { padding: 9px 11px; }
  body.hue-account-page .woocommerce table.shop_table { display: block; overflow-x: auto; }
}

/* v1.1: Reliable real-world WooCommerce layout, without depending on :has()
   or on the active WordPress theme's navigation/content float widths. */
body.hue-account-page .woocommerce .hue-account-shell {
  display: grid !important;
  grid-template-columns: minmax(0, var(--hue-nav-width, 245px)) minmax(0, 1fr) !important;
  column-gap: var(--hue-gap, 24px) !important;
  row-gap: var(--hue-gap, 24px) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation,
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-content {
  display: block !important;
  float: none !important;
  clear: none !important;
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  flex: none !important;
}
body.hue-account-page.hue-layout-left .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation,
body.hue-account-page.hue-layout-right .woocommerce .hue-account-shell > .woocommerce-MyAccount-content {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body.hue-account-page.hue-layout-left .woocommerce .hue-account-shell > .woocommerce-MyAccount-content,
body.hue-account-page.hue-layout-right .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation {
  grid-column: 2 !important;
  grid-row: 1 !important;
}
body.hue-account-page.hue-layout-right .woocommerce .hue-account-shell {
  grid-template-columns: minmax(0, 1fr) minmax(0, var(--hue-nav-width, 245px)) !important;
}
body.hue-account-page.hue-layout-top .woocommerce .hue-account-shell {
  grid-template-columns: minmax(0, 1fr) !important;
}
body.hue-account-page.hue-layout-top .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation,
body.hue-account-page.hue-layout-top .woocommerce .hue-account-shell > .woocommerce-MyAccount-content {
  grid-column: 1 !important;
  grid-row: auto !important;
}
/* Some themes set aggressive 20%-80% widths, box shadows and floats. */
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation {
  padding: 12px !important;
  background: var(--hue-menu-bg) !important;
  border: 1px solid var(--hue-border) !important;
  border-radius: var(--hue-radius) !important;
}
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-content {
  padding: clamp(18px, 3vw, 34px) !important;
  background: var(--hue-surface) !important;
  border: 1px solid var(--hue-border) !important;
  border-radius: var(--hue-radius) !important;
}
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation ul { display: flex !important; flex-direction: column !important; }
body.hue-account-page.hue-layout-top .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation ul { flex-direction: row !important; flex-wrap: wrap !important; }

@media (max-width: 760px) {
  body.hue-account-page .woocommerce .hue-account-shell,
  body.hue-account-page.hue-layout-right .woocommerce .hue-account-shell {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation,
  body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation ul,
  body.hue-account-page.hue-layout-top .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation ul {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }
  body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-content { padding: 18px !important; }
}

/* Deterministic account root even if a theme forces a multi-column WooCommerce layout. */
body.hue-account-page .woocommerce.hue-account-root {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: var(--hue-max-width, 1180px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

/* v1.2 – common sizing system: one multiplier for padding, typography and spacing. */
body.hue-account-page .woocommerce.hue-account-root {
  padding: var(--hue-gap,24px) !important;
  font-size: var(--hue-font-size,16px) !important;
  line-height: 1.6;
}
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-content {
  padding: var(--hue-content-padding,30px) !important;
}
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation {
  padding: var(--hue-menu-padding,12px) !important;
}
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation ul {
  gap: var(--hue-menu-item-gap,5px) !important;
}
body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation li a {
  padding: calc(12px * var(--hue-global-mult,1)) calc(15px * var(--hue-global-mult,1)) !important;
}
body.hue-account-page .woocommerce .hue-account-shell .woocommerce-MyAccount-content .button,
body.hue-account-page .woocommerce .hue-account-shell .woocommerce-MyAccount-content button.button,
body.hue-account-page .woocommerce .hue-account-shell .woocommerce-MyAccount-content input.button {
  padding: calc(11px * var(--hue-global-mult,1)) calc(18px * var(--hue-global-mult,1)) !important;
  min-height: calc(42px * var(--hue-global-mult,1));
}
body.hue-account-page .woocommerce .hue-account-shell .woocommerce-MyAccount-content input.input-text,
body.hue-account-page .woocommerce .hue-account-shell .woocommerce-MyAccount-content textarea {
  padding: calc(10px * var(--hue-global-mult,1)) calc(13px * var(--hue-global-mult,1));
}
body.hue-account-page .hue-dashboard-copy { margin: 0; }
body.hue-account-page .hue-dashboard-copy .hue-dashboard-greeting { font-weight:650; font-size:1.2em; line-height:1.4; }
body.hue-account-page .hue-dashboard-copy .hue-dashboard-intro { white-space:pre-line; }
body.hue-account-page .hue-dashboard-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
body.hue-account-page .hue-dashboard-links a {
  display:inline-flex; align-items:center;
  border:1px solid var(--hue-border);border-radius:calc(var(--hue-radius,18px) / 2);
  padding:8px 13px; background:var(--hue-background);
  text-decoration:none !important; font-size:.9em;
}

/* The full-page background is on both the HTML and BODY viewport, not merely
   the inner WooCommerce card. Optional transparency applies only to account-page
   wrappers, not to account boxes, site header/footer or checkout. */
html.hue-custom-background,
body.hue-account-page.hue-page-custom {
  min-height:100% !important;
  background-color:var(--hue-page-bg,#f1e9df) !important;
  background-image:var(--hue-page-image,none) !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}
body.hue-account-page.hue-page-custom.hue-clear-wrappers .wp-site-blocks,
body.hue-account-page.hue-page-custom.hue-clear-wrappers .site,
body.hue-account-page.hue-page-custom.hue-clear-wrappers .site-content,
body.hue-account-page.hue-page-custom.hue-clear-wrappers main,
body.hue-account-page.hue-page-custom.hue-clear-wrappers main .wp-block-group,
body.hue-account-page.hue-page-custom.hue-clear-wrappers main .wp-block-post-content,
body.hue-account-page.hue-page-custom.hue-clear-wrappers main .entry-content,
body.hue-account-page.hue-page-custom.hue-clear-wrappers #content,
body.hue-account-page.hue-page-custom.hue-clear-wrappers article {
  background-color:transparent !important;
  background-image:none !important;
}
body.hue-account-page.hue-page-custom.hue-clear-wrappers .wp-site-blocks {
  min-height:100vh;
}
/* Preserve intentional backgrounds of WooCommerce panels despite clear wrapper. */
body.hue-account-page.hue-page-custom.hue-clear-wrappers .woocommerce.hue-account-root {
  background:var(--hue-background) !important;
}
body.hue-account-page.hue-page-custom .woocommerce-MyAccount-content {
  background:var(--hue-surface) !important;
}
@media (max-width:760px) {
  body.hue-account-page .woocommerce.hue-account-root {padding:max(10px, var(--hue-gap,24px)) !important;}
  body.hue-account-page .woocommerce .hue-account-shell > .woocommerce-MyAccount-content {
    padding:max(12px,calc(var(--hue-content-padding,30px) * .7)) !important;
  }
}

/* Mobile: give both panels their own grid row even when desktop layout-specific
   selectors carry stronger specificity. Fixes navigation hidden behind content. */
@media (max-width: 760px) {
  body.hue-account-page.hue-layout-left .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation,
  body.hue-account-page.hue-layout-left .woocommerce .hue-account-shell > .woocommerce-MyAccount-content,
  body.hue-account-page.hue-layout-right .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation,
  body.hue-account-page.hue-layout-right .woocommerce .hue-account-shell > .woocommerce-MyAccount-content,
  body.hue-account-page.hue-layout-top .woocommerce .hue-account-shell > .woocommerce-MyAccount-navigation,
  body.hue-account-page.hue-layout-top .woocommerce .hue-account-shell > .woocommerce-MyAccount-content {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
}