/* ==========================================================================
   Auty.cz — Modern 2026 (light/clean)  | redesign
   Paleta: bílá + modrá #1A75FF + oranžová CTA #FF6B22
   Pokrývá: base, světlá hlavička, homepage (.auty-*), kategorie/shop,
            produktový detail, patička. Vše přes mu-plugin auty-css.php.
   ========================================================================== */

:root {
  --auty-ink: #0f172a;
  --auty-muted: #5b6472;
  --auty-muted2: #64748b;
  --auty-line: #e2e8f0;
  --auty-line2: #eef2f7;
  --auty-soft: #f1f5f9;
  --auty-panel: #ffffff;
  --auty-blue: #1a75ff;
  --auty-blue-dark: #0f5bd6;
  --auty-blue-soft: #eaf2ff;
  --auty-navy: #0b1220;
  --auty-orange: #ff6b22;
  --auty-orange-dark: #e2540f;
  --auty-green: #16a34a;
  --auty-radius: 14px;
  --auty-radius-sm: 10px;
  --auty-shadow: 0 10px 30px rgba(15, 23, 42, .08);
  --auty-shadow-lg: 0 18px 46px rgba(15, 23, 42, .10);
}

/* -------- Base -------- */
body {
  background: var(--auty-soft) !important;
  color: var(--auty-ink);
}

body.home #content,
body.home .rh-content-wrap,
body.home .rh_woo_main_archive,
body.home .main-side {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* ==========================================================================
   HLAVIČKA — světlá, sticky, sklovitá
   ========================================================================== */
#main_header,
#main_header.dark_style {
  position: sticky !important;
  top: 0;
  z-index: 1000;
  padding: 0 !important;
  background: rgba(255, 255, 255, .82) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--auty-line) !important;
  box-shadow: 0 6px 24px rgba(15, 23, 42, .05) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

#main_header .header_wrap,
#main_header .logo_section_wrap,
.is-sticky .logo_section_wrap,
.sticky-active.logo_section_wrap {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

#main_header .logo_section_wrap > .rh-container,
#main_header .rh-container {
  max-width: 1220px !important;
  min-height: 70px;
  margin: 0 auto !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#main_header .logo-section {
  min-height: 70px !important;
  gap: 20px;
}

/* logo (nahrazeno přes content:url, fallback na nasazené modré logo) */
#main_header .logo_image img,
#main_header .logo_image_mobile img,
#logo_mobile_wrapper img,
#mobpanelimg {
  content: url("https://auty.cz/wp-content/uploads/auty-logo-2026.svg");
  width: auto !important;
  max-width: 176px !important;
  height: auto !important;
  max-height: 40px !important;
  object-fit: contain;
}

/* navigace */
#main_header .main-nav { background: transparent !important; }

#main_header nav.top_menu > ul {
  display: flex;
  align-items: center;
  gap: 4px !important;
}

#main_header nav.top_menu > ul > li > a {
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center;
  border-radius: 999px !important;
  color: #1f2937 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  padding: 0 14px !important;
  transition: background-color .18s ease, color .18s ease;
}

#main_header nav.top_menu > ul > li > a:hover,
#main_header nav.top_menu > ul > li.current-menu-item > a,
#main_header nav.top_menu > ul > li.current-menu-parent > a {
  background: var(--auty-blue-soft) !important;
  color: var(--auty-blue-dark) !important;
}

#main_header nav.top_menu > ul:not(.off-canvas) > li > a:after { display: none !important; }

/* skrýt wishlist v hlavičce, ponechat search + compare */
#main_header .rh-wishlistmenu-link,
#main_header a.rh-wishlistmenu-link,
#main_header .link-add-cell { display: none !important; }

#main_header .rh-header-icon,
#main_header .rh-search-icon,
#main_header .rh-comparemenu-link,
#main_header .icon-search-onclick,
#mobile-menu-icons .icon-search-onclick,
#dl-trigger {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--auty-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--auty-ink) !important;
  box-shadow: none !important;
}

#main_header .rh-header-icon:hover,
#main_header .rh-search-icon:hover,
#main_header .rh-comparemenu-link:hover,
#main_header .icon-search-onclick:hover,
#dl-trigger:hover {
  background: var(--auty-blue) !important;
  border-color: var(--auty-blue) !important;
  color: #fff !important;
}

#main_header .rhicon,
#main_header .rh-header-icon:before,
#main_header .rh-search-icon:before,
#main_header .icon-search-onclick:before { color: inherit !important; }

#main_header .re-compare-notice,
#main_header .rh-icon-notice {
  top: -4px !important;
  right: -4px !important;
  min-width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: var(--auty-orange) !important;
  color: #fff !important;
  font-size: 11px;
  line-height: 14px;
}

/* ==========================================================================
   HOMEPAGE
   ========================================================================== */
.auty { font-family: inherit; color: var(--auty-ink); }

.auty-wrap { max-width: 1180px; margin: 0 auto; padding: 0 22px; }

/* Hero */
.auty-hero {
  margin: 30px auto 18px;
  border: 1px solid var(--auty-line);
  border-radius: 22px;
  background:
    radial-gradient(circle at 82% 12%, rgba(26, 117, 255, .12), transparent 32%),
    radial-gradient(circle at 4% 100%, rgba(255, 107, 34, .08), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
  box-shadow: var(--auty-shadow);
  overflow: hidden;
}

.auty-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
  gap: 34px;
  align-items: stretch;
  padding: 54px 44px 44px;
}

.auty-kicker,
.auty-section-kicker {
  display: inline-block;
  margin: 0 0 14px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--auty-blue-soft);
  color: var(--auty-blue-dark);
  font-size: 12px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.auty h1, .auty h2, .auty h3 { letter-spacing: -.01em; color: var(--auty-ink); }

.auty h1 {
  max-width: 720px;
  margin: 0 0 18px;
  font-size: clamp(36px, 4.6vw, 60px);
  line-height: 1.04;
  font-weight: 900;
}

.auty-lead {
  max-width: 680px;
  margin: 0 0 28px;
  color: var(--auty-muted);
  font-size: 18px;
  line-height: 1.6;
}

/* Vyhledávač */
.auty-search {
  max-width: 760px;
  padding: 10px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  border: 1px solid var(--auty-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: var(--auty-shadow);
}

.auty-search input[type="text"] {
  min-height: 54px;
  width: 100%;
  border: 0;
  border-radius: 10px;
  background: var(--auty-soft);
  color: var(--auty-ink);
  font-size: 16px;
  padding: 0 18px;
  outline: none;
}
.auty-search input[type="text"]:focus { box-shadow: inset 0 0 0 2px var(--auty-blue); background: #fff; }

/* Tlačítka */
.auty-search button,
.auty-btn {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 12px;
  border: 0;
  background: var(--auty-orange) !important;
  color: #fff !important;
  font-weight: 800;
  font-size: 16px;
  text-decoration: none !important;
  padding: 0 24px;
  box-shadow: 0 10px 24px rgba(255, 107, 34, .28);
  cursor: pointer;
  transition: background .18s ease, transform .18s ease;
}
.auty-search button:hover,
.auty-btn:hover { background: var(--auty-orange-dark) !important; transform: translateY(-1px); color: #fff !important; }

/* Chips */
.auty-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; }
.auty-chip {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  border: 1px solid var(--auty-line);
  border-radius: 999px;
  background: #fff;
  color: var(--auty-ink) !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  padding: 0 15px;
  transition: border-color .18s ease, color .18s ease;
}
.auty-chip:hover { border-color: var(--auty-blue); color: var(--auty-blue-dark) !important; }

/* Finder panel */
.auty-finder {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 22px;
  border: 1px solid var(--auty-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--auty-shadow);
}

.auty-wheel {
  min-height: 200px;
  border-radius: 14px;
  background:
    radial-gradient(circle at center, #f8fafc 0 18px, #1f2937 19px 40px, #0f172a 41px 58px, #1e293b 59px),
    linear-gradient(145deg, #1e293b, #0f172a);
  position: relative;
  overflow: hidden;
}
.auty-wheel:before {
  content: "";
  position: absolute;
  inset: 26px;
  border-radius: 999px;
  border: 26px solid #111827;
  box-shadow: inset 0 0 0 8px #334155, 0 18px 36px rgba(0, 0, 0, .26);
}
.auty-wheel:after {
  content: "205/55 R16";
  position: absolute;
  right: 16px;
  bottom: 16px;
  color: #fff;
  background: var(--auty-blue);
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 800;
  box-shadow: 0 10px 22px rgba(26, 117, 255, .34);
}

.auty-finder h2 { margin: 0; font-size: 24px; line-height: 1.12; font-weight: 900; }
.auty-finder p { margin: 0; color: var(--auty-muted); line-height: 1.55; }

.auty-season-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.auty-season {
  min-height: 66px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--auty-line);
  border-radius: 12px;
  background: var(--auty-soft);
  color: var(--auty-ink) !important;
  text-decoration: none !important;
  padding: 11px 13px;
  font-weight: 800;
  transition: border-color .18s ease, background .18s ease;
}
.auty-season:hover { border-color: var(--auty-blue); background: var(--auty-blue-soft); }
.auty-season span { margin-top: 4px; color: var(--auty-muted2); font-size: 12px; font-weight: 600; }

/* Statistiky */
.auty-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0 auto 58px; }
.auty-stat {
  padding: 22px 20px;
  border: 1px solid var(--auty-line);
  border-radius: var(--auty-radius);
  background: #fff;
  box-shadow: var(--auty-shadow);
}
.auty-stat strong { display: block; margin-bottom: 4px; font-size: 28px; line-height: 1; color: var(--auty-ink); }
.auty-stat span { color: var(--auty-muted); font-size: 14px; }

/* Sekce */
.auty-section { margin: 0 auto 58px; }
.auty-section-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
  gap: 30px;
  align-items: end;
  margin-bottom: 22px;
}
.auty-section h2 { margin: 0; font-size: clamp(26px, 2.8vw, 38px); line-height: 1.08; font-weight: 900; }
.auty-section-head p { margin: 0; color: var(--auty-muted); line-height: 1.6; }

/* Karty (rozcestníky) */
.auty-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.auty-card {
  min-height: 160px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--auty-line);
  border-radius: var(--auty-radius);
  background: #fff;
  color: var(--auty-ink) !important;
  text-decoration: none !important;
  padding: 22px;
  box-shadow: var(--auty-shadow);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.auty-card:hover {
  transform: translateY(-3px);
  border-color: var(--auty-blue);
  box-shadow: var(--auty-shadow-lg);
}
.auty-card b { display: block; margin-bottom: 9px; font-size: 19px; color: var(--auty-ink); }
.auty-card span { color: var(--auty-muted); line-height: 1.5; }
.auty-card em { margin-top: 18px; color: var(--auty-blue-dark); font-style: normal; font-weight: 800; }

/* Konverzní pruh — rozměry */
.auty-convert {
  padding: 30px;
  border: 1px solid var(--auty-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--auty-shadow);
}
.auty-size-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; }
.auty-size-grid a {
  min-height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--auty-line);
  border-radius: 12px;
  background: var(--auty-soft);
  color: var(--auty-ink) !important;
  text-decoration: none !important;
  padding: 16px;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.auty-size-grid a:hover { transform: translateY(-2px); border-color: var(--auty-blue); background: var(--auty-blue-soft); }
.auty-size-grid b { font-size: 18px; line-height: 1; font-weight: 900; }
.auty-size-grid span { color: var(--auty-muted2); font-size: 13px; line-height: 1.35; }

/* Tmavý CTA band */
.auty-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: center;
  padding: 36px;
  border-radius: 18px;
  background: linear-gradient(135deg, #0f2a52 0%, #1a75ff 100%) !important;
  color: #fff;
  box-shadow: var(--auty-shadow-lg);
}
.auty-band h2 { color: #fff; }
.auty-band p { max-width: 760px; margin: 12px 0 0; color: rgba(255, 255, 255, .85); line-height: 1.6; }
.auty-band .auty-btn { background: #fff !important; color: var(--auty-blue-dark) !important; box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.auty-band .auty-btn:hover { background: #f1f5f9 !important; }

/* Produktové sekce na homepage */
.auty-product-section {
  border: 1px solid var(--auty-line);
  border-radius: 18px;
  background: #fff;
  padding: 28px;
  box-shadow: var(--auty-shadow);
}
.auty-product-section + .auty-product-section { margin-top: 24px; }
.auty-product-section h2 { margin-bottom: 8px; }

/* ==========================================================================
   WOOCOMMERCE — výpis (homepage shortcode i kategorie/shop)
   ========================================================================== */
.woocommerce ul.products,
.rh_woo_main_archive ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 20px 0 0 !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product,
.rh_woo_main_archive ul.products li.product,
.products li.product.col_item {
  position: relative !important; /* kotví absolutní .abposbot řádek uvnitř karty */
  width: auto !important;
  float: none !important;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--auty-line) !important;
  border-radius: var(--auty-radius) !important;
  background: #fff !important;
  box-shadow: var(--auty-shadow);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.woocommerce ul.products li.product:hover,
.products li.product.col_item:hover {
  transform: translateY(-3px);
  border-color: var(--auty-blue) !important;
  box-shadow: var(--auty-shadow-lg);
}

.woocommerce ul.products li.product img,
.products li.product.col_item img {
  width: 100% !important;
  height: 210px !important;
  object-fit: contain !important;
  padding: 20px !important;
  background: #fff;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.products li.product .rh-grid-name,
.products li.product .grid_title {
  min-height: 48px;
  margin: 12px 16px 6px !important;
  color: var(--auty-ink) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}

/* ceny */
.woocommerce ul.products li.product .price,
.price_for_grid,
.rh-deal-price {
  display: block !important;
  margin: 6px 16px 14px !important;
  color: var(--auty-ink) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
}
.woocommerce-Price-amount { color: inherit !important; }
.price del, .price ins { color: var(--auty-muted2) !important; }
.price ins { color: var(--auty-orange-dark) !important; text-decoration: none !important; }

/* affiliate / "do obchodu" tlačítka — JEN BARVA (rozložení řídí theme/plugin,
   ať se nic nerozjíždí v compact gridu ani v Content Egg nabídkách) */
.woocommerce a.woo_loop_btn,
.re_track_btn,
.woo_loop_btn,
.priced_block .btn_offer_block,
.button_action a,
.btn_for_grid a.re_track_btn {
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--auty-orange) !important;
  color: #fff !important;
  font-weight: 800 !important;
  transition: background .18s ease;
}
.woocommerce a.woo_loop_btn:hover,
.re_track_btn:hover,
.woo_loop_btn:hover,
.priced_block .btn_offer_block:hover { background: var(--auty-orange-dark) !important; }
.re_track_btn i,
.woo_loop_btn i,
.re_track_btn .rhicon,
.btn_for_grid a.re_track_btn i { color: #fff !important; }

/* Plné oranžové tlačítko JEN ve standardním gridu na homepage (.auty-product-section),
   kde to nekoliduje s absolutním compact gridem v kategorii. */
.auty-product-section .woocommerce ul.products li.product .button,
.auty-product-section ul.products li.product .woo_loop_btn,
.auty-product-section ul.products li.product .re_track_btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  margin: 0 16px 18px !important;
  min-height: 44px;
  padding: 0 18px !important;
  font-size: 15px !important;
  box-shadow: 0 8px 20px rgba(255, 107, 34, .22) !important;
}

.price_for_grid.redbrightcolor { color: var(--auty-ink) !important; }

/* compare tlačítko — sekundární */
.compare_for_grid,
.wpsm-button-new-compare,
.wpsm-button.comparecompact {
  background: #fff !important;
  border: 1px solid var(--auty-line) !important;
  color: var(--auty-muted) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  font-weight: 700 !important;
}
.compare_for_grid:hover,
.wpsm-button-new-compare:hover { border-color: var(--auty-blue) !important; color: var(--auty-blue-dark) !important; }

/* ==========================================================================
   KATEGORIE — hlavička, breadcrumbs, řazení
   ========================================================================== */
.rh_woo_main_archive,
body.archive #content,
body.tax-product_cat #content {
  background: transparent !important;
}

.woocommerce-products-header,
.term-description,
.rh-category-header {
  margin: 22px 0 8px !important;
}
.woocommerce-products-header__title,
.rh_woocom_archive_title,
h1.page-title {
  color: var(--auty-ink) !important;
  font-size: clamp(26px, 3vw, 40px) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

.woocommerce-result-count,
.woocommerce-ordering,
.woocommerce-ordering select,
.orderby,
.rh-sort-wrap {
  color: var(--auty-muted) !important;
}
.woocommerce-ordering select,
.orderby {
  border: 1px solid var(--auty-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  padding: 8px 12px !important;
  color: var(--auty-ink) !important;
}

/* breadcrumbs */
.rank-math-breadcrumb,
.woocommerce-breadcrumb,
.rh-breadcrumb {
  margin: 16px 0 !important;
  color: var(--auty-muted2) !important;
  font-size: 13px !important;
}
.rank-math-breadcrumb a,
.woocommerce-breadcrumb a { color: var(--auty-blue-dark) !important; text-decoration: none !important; }

/* stránkování */
.woocommerce-pagination ul,
.rh-pagination {
  display: flex !important;
  gap: 8px;
  justify-content: center;
  margin: 30px 0 !important;
  border: 0 !important;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
  border: 1px solid var(--auty-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--auty-ink) !important;
  padding: 8px 14px !important;
}
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover {
  background: var(--auty-blue) !important;
  border-color: var(--auty-blue) !important;
  color: #fff !important;
}

/* ==========================================================================
   PRODUKTOVÝ DETAIL
   ========================================================================== */
body.single-product #content,
body.single-product .rh-content-wrap {
  background: transparent !important;
}

body.single-product div.product {
  border: 1px solid var(--auty-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--auty-shadow);
  padding: 28px;
  margin-top: 22px;
}

body.single-product div.product .product_title,
body.single-product h1 {
  color: var(--auty-ink) !important;
  font-size: clamp(24px, 2.6vw, 34px) !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  margin-bottom: 12px !important;
}

body.single-product .woocommerce-product-gallery {
  border: 1px solid var(--auty-line);
  border-radius: 14px;
  background: #fff;
  padding: 16px;
}
body.single-product div.product p.price,
body.single-product div.product span.price,
body.single-product .rh-deal-price {
  color: var(--auty-ink) !important;
  font-size: 30px !important;
  font-weight: 900 !important;
}

/* hlavní CTA na produktu — JEN BARVA (rozložení řídí Rehub/Content Egg) */
body.single-product .single_add_to_cart_button,
body.single-product .re_track_btn,
body.single-product a.button.product_type_external,
body.single-product .btn_offer_block {
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--auty-orange) !important;
  color: #fff !important;
  font-weight: 800 !important;
}
body.single-product .single_add_to_cart_button:hover,
body.single-product .re_track_btn:hover,
body.single-product a.button.product_type_external:hover,
body.single-product .btn_offer_block:hover { background: var(--auty-orange-dark) !important; }

/* Content Egg „Srovnání cen" (Bootstrap cegg-offers_list) necháváme nedotčené. */

/* Rehub porovnání obchodů v summary (.tabledisplay > .table_merchant_list) —
   sjednotit do čistých karet, ať se nic nemačká ani nepřetéká úzký sloupec. */
body.single-product .tabledisplay { display: block !important; width: 100% !important; }
body.single-product .table_merchant_list {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 10px 12px !important;
  border: 1px solid var(--auty-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
}
/* logo + název obchodu = neutrální (ne oranžová CTA) */
body.single-product .merchant_thumb a.re_track_btn {
  background: transparent !important;
  color: var(--auty-ink) !important;
  padding: 0 !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  box-shadow: none !important;
}
body.single-product .merchant_thumb img { height: 18px !important; width: auto !important; }
/* cena = oranžová CTA */
body.single-product .price_simple_col {
  display: flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
}
body.single-product .price_simple_col a.re_track_btn { padding: 8px 16px !important; }
body.single-product .price_simple_col .val_sim_price { color: #fff !important; font-weight: 800 !important; }
/* stav skladu = decentní, ne křiklavá červená */
body.single-product .blockstyle.redbrightcolor,
body.single-product .rh_stock_outofstock .blockstyle {
  color: var(--auty-muted) !important;
  font-weight: 600 !important;
}
/* price alert + oblíbené = sladit do palety (ne křiklavá zelená) */
body.single-product .csspopuptrigger.greencolor,
body.single-product .pricealertpopup-wrap .greencolor { color: var(--auty-blue) !important; }

/* taby */
.woocommerce-tabs ul.tabs {
  border: 0 !important;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.woocommerce-tabs ul.tabs li {
  border: 1px solid var(--auty-line) !important;
  border-radius: 999px !important;
  background: var(--auty-soft) !important;
}
.woocommerce-tabs ul.tabs li.active { background: var(--auty-blue) !important; border-color: var(--auty-blue) !important; }
.woocommerce-tabs ul.tabs li.active a { color: #fff !important; }
.woocommerce-tabs ul.tabs li a { color: var(--auty-ink) !important; font-weight: 700 !important; }

.shop_attributes,
.woocommerce-product-attributes {
  border: 1px solid var(--auty-line) !important;
  border-radius: 12px;
  overflow: hidden;
}
.shop_attributes th { background: var(--auty-soft) !important; color: var(--auty-ink) !important; }
.shop_attributes td, .shop_attributes th { border-color: var(--auty-line) !important; }

/* ==========================================================================
   RECENZE / HODNOCENÍ — sjednotit s designem (formulář byl neostylovaný)
   ========================================================================== */
body.single-product #reviews,
body.single-product .woocommerce-Reviews,
body.single-product #comments { color: var(--auty-ink); }

body.single-product .comment-reply-title,
body.single-product #reviews h2,
body.single-product #reviews h3 {
  color: var(--auty-ink) !important;
  font-weight: 800 !important;
}

/* hodnotící souhrn (0.0 z 5 + pruhy) */
body.single-product .rh_rating_box,
body.single-product .rating-bars,
body.single-product .review-summary {
  border: 1px solid var(--auty-line);
  border-radius: 12px;
  background: #fff;
  padding: 16px;
}

/* formulář recenze */
body.single-product #respond.comment-respond,
body.single-product #review_form_wrapper {
  border: 1px solid var(--auty-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  padding: 22px !important;
  margin-top: 18px !important;
  box-shadow: var(--auty-shadow);
}
body.single-product #respond textarea,
body.single-product #respond input[type="text"],
body.single-product #respond input[type="email"],
body.single-product #respond input[type="url"] {
  width: 100% !important;
  border: 1px solid var(--auty-line) !important;
  border-radius: 10px !important;
  background: var(--auty-soft) !important;
  color: var(--auty-ink) !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  box-shadow: none !important;
}
body.single-product #respond textarea:focus,
body.single-product #respond input[type="text"]:focus,
body.single-product #respond input[type="email"]:focus {
  outline: none !important;
  border-color: var(--auty-blue) !important;
  background: #fff !important;
}
body.single-product #respond label,
body.single-product #respond .comment-form-comment label { color: var(--auty-muted) !important; font-weight: 700 !important; }

/* tlačítko Odeslat */
body.single-product #respond .form-submit input#submit,
body.single-product #respond input.submit,
body.single-product .form-submit .submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 48px !important;
  padding: 0 26px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--auty-orange) !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  box-shadow: 0 8px 20px rgba(255, 107, 34, .22) !important;
  cursor: pointer;
}
body.single-product #respond .form-submit input#submit:hover,
body.single-product #respond input.submit:hover { background: var(--auty-orange-dark) !important; }

/* výběr hvězdiček */
body.single-product .comment-form-rating .stars a,
body.single-product .rh_woo_star,
body.single-product p.stars a { color: var(--auty-orange) !important; }
body.single-product .rh-rating-summary .orangecolor,
body.single-product .orangecolor.font200 { color: var(--auty-orange) !important; }

/* Produktovy detail: stabilni layout Rehub compare sablony. */
body.single-product div.product {
  max-width: 1200px;
  margin: 22px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.single-product .rh_post_layout_compare_full {
  display: grid !important;
  grid-template-columns: minmax(280px, .42fr) minmax(0, .58fr);
  gap: 32px;
  align-items: start;
  margin: 22px 0 0 !important;
  padding: 32px !important;
  border: 1px solid var(--auty-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: var(--auty-shadow);
  overflow: visible !important;
}

body.single-product .rh_post_layout_compare_full > .wpsm-one-third,
body.single-product .rh_post_layout_compare_full > .wpsm-two-third,
body.single-product .rh_post_layout_compare_full .wpsm-one-half {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single-product .rh_post_layout_compare_full > .wpsm-two-third {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, .92fr);
  gap: 20px 26px;
  align-items: start;
}

body.single-product .rh_post_layout_compare_full .title_single_area,
body.single-product .rh_post_layout_compare_full .meta-in-compare-full {
  grid-column: 1 / -1;
}

body.single-product .rh_post_layout_compare_full .summary { min-width: 0; }

body.single-product .rh_post_layout_compare_full .woo-button-actions-area,
body.single-product .rh_post_layout_compare_full .top_share,
body.single-product .rh_post_layout_compare_full .woo-single-meta {
  grid-column: 2;
  float: none !important;
  width: auto !important;
  margin-left: 0 !important;
}

body.single-product .rh_post_layout_compare_full .clearfix { display: none !important; }

body.single-product .compare-full-images figure {
  margin: 0 !important;
  padding: 18px !important;
  border: 1px solid var(--auty-line);
  border-radius: 14px;
  background: #fff;
}

body.single-product .compare-full-images img,
body.single-product .woocommerce-product-gallery img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: 520px;
  object-fit: contain;
  margin: 0 auto;
}

body.single-product .woocommerce-product-details__short-description {
  color: var(--auty-ink);
  font-size: 16px;
  line-height: 1.75;
}

body.single-product .woocommerce-product-details__short-description p { margin-top: 0; }

body.single-product .table_merchant_list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "merchant price"
    "button button";
  align-items: center;
  gap: 10px 12px;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 12px !important;
  border: 1px solid var(--auty-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-sizing: border-box;
}

body.single-product .table_merchant_list .merchant_thumb {
  grid-area: merchant;
  min-width: 0;
}

body.single-product .table_merchant_list .price_simple_col {
  grid-area: price;
  display: flex !important;
  justify-content: flex-end;
  min-width: 0;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.single-product .table_merchant_list .buttons_col {
  grid-area: button;
  min-width: 0;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.single-product .merchant_thumb a.re_track_btn {
  min-width: 0;
  max-width: 100%;
}

body.single-product .price_simple_col a.re_track_btn {
  max-width: 100%;
  padding: 8px 14px !important;
  white-space: nowrap;
  box-shadow: none !important;
}

body.single-product .buttons_col a.re_track_btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 38px;
  padding: 0 14px !important;
  background: var(--auty-orange) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

body.single-product .additional_line_merchant {
  margin-top: 8px !important;
  font-size: 13px;
}

body.single-product #contents-section-woo-area {
  clear: both;
  width: 100% !important;
  margin: 24px 0 0 !important;
}

body.single-product #contents-section-woo-area .rh-container,
body.single-product #contents-section-woo-area .main-side,
body.single-product #contents-section-woo-area .content-woo-area {
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.single-product #contents-section-woo-area .rh-float-panel { display: none !important; }

body.single-product .rh-tabletext-wooblock,
body.single-product .related-woo-area {
  width: 100% !important;
  border: 1px solid var(--auty-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: var(--auty-shadow) !important;
  overflow: hidden !important;
}

body.single-product .rh-tabletext-block-heading {
  background: #fff !important;
  border-bottom: 1px solid var(--auty-line) !important;
}

body.single-product .rh-tabletext-block-wrapper {
  color: var(--auty-ink);
  font-size: 16px;
  line-height: 1.8;
}

/* ==========================================================================
   PATIČKA — čistá, tmavě modrá
   ========================================================================== */
.footer-bottom,
.footer-bottom.dark_style,
body .footer-bottom.dark_style {
  position: relative;
  margin: 72px 0 0 !important;
  padding: 64px 0 44px !important;
  border: 0 !important;
  border-top: 1px solid var(--auty-line) !important;
  border-radius: 0 !important;
  background: var(--auty-navy) !important;
  color: rgba(255, 255, 255, .74) !important;
  box-shadow: none !important;
  overflow: hidden;
}

.footer-bottom:before,
body .footer-bottom.dark_style:before {
  content: "Auty.cz — rychlejší cesta k porovnání pneumatik podle rozměru, sezóny a ceny.";
  display: block !important;
  max-width: 1180px;
  margin: 0 auto 34px !important;
  padding: 0 22px 28px !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 28px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: -.01em;
}

.footer-bottom .rh-container,
body .footer-bottom.dark_style > .rh-container,
footer#theme_footer .rh-container {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.footer-bottom .rh-flex-eq-height,
body .footer-bottom .rh-flex-eq-height {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.45fr) minmax(0, .8fr) !important;
  gap: 48px !important;
  align-items: start !important;
}

.footer-bottom .footer_widget,
body .footer-bottom .footer_widget {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, .72) !important;
  font-size: 14px !important;
  line-height: 1.75 !important;
}
.footer-bottom .footer_widget .title,
body .footer-bottom .footer_widget .title {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}
.footer-bottom .footer_widget a,
body .footer-bottom .footer_widget a { color: rgba(255, 255, 255, .8) !important; text-decoration: none !important; }
.footer-bottom .footer_widget a:hover { color: var(--auty-blue) !important; }

.footer-bottom .widget_recent_entries ul,
body .footer-bottom .widget_recent_entries ul { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.footer-bottom .widget_recent_entries li,
body .footer-bottom .widget_recent_entries li { margin: 0 0 8px !important; padding: 0 !important; }
.footer-bottom .widget_recent_entries li:before { display: none !important; }
.footer-bottom .wpsm-one-half { width: 48%; margin: 0 4% 0 0; }
.footer-bottom .wpsm-one-half.wpsm-column-last { margin-right: 0; }

footer#theme_footer,
body footer#theme_footer.dark_style {
  margin: 0 !important;
  padding: 18px 0 !important;
  border-top: 1px solid rgba(255, 255, 255, .08) !important;
  background: #070d16 !important;
}
footer#theme_footer .f_text {
  color: rgba(255, 255, 255, .54) !important;
  font-size: 13px !important;
  text-align: center;
}

/* ==========================================================================
   RESPONZIVITA
   ========================================================================== */
/* Plovoucí postranní affiliate bannery (Rehub outer mediad) — skrýt tam,
   kde se nevejdou a přetékají mimo plochu (Rehub je sám skrývá až pod 1279px). */
@media (max-width: 1600px) {
  .outer_mediad_left,
  .outer_mediad_right { display: none !important; }
}

@media (max-width: 1120px) {
  #main_header nav.top_menu > ul > li > a { font-size: 13.5px !important; padding: 0 11px !important; }
}

@media (max-width: 1024px) {
  .auty-hero-grid,
  .auty-section-head,
  .auty-band { grid-template-columns: 1fr; }
  .auty-stats,
  .auty-grid { grid-template-columns: repeat(2, 1fr); }
  .auty-size-grid { grid-template-columns: repeat(3, 1fr); }
  .woocommerce ul.products,
  .rh_woo_main_archive ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .footer-bottom .rh-flex-eq-height,
  body .footer-bottom .rh-flex-eq-height { grid-template-columns: 1fr; gap: 28px !important; }
  #main_header .header-actions-logo { gap: 6px; }
}

@media (max-width: 680px) {
  #main_header .logo_section_wrap > .rh-container,
  #main_header .rh-container { min-height: 58px; padding: 0 14px !important; }
  #main_header .logo-section { min-height: 58px !important; display: flex !important; }
  #main_header .logo_image img,
  #logo_mobile_wrapper img,
  #mobpanelimg { max-width: 150px !important; max-height: 38px !important; }

  .auty-wrap { padding: 0 14px; }
  .auty-hero { margin-top: 14px; border-radius: 18px; }
  .auty-hero-grid { padding: 30px 20px; gap: 22px; }
  .auty h1 { font-size: 34px; line-height: 1.05; }
  .auty-lead { font-size: 16px; }

  .auty-search { grid-template-columns: 1fr; }
  .auty-search button { width: 100%; }
  .auty-stats,
  .auty-grid,
  .auty-size-grid,
  .woocommerce ul.products,
  .rh_woo_main_archive ul.products { grid-template-columns: 1fr !important; }
  .auty-season-grid { grid-template-columns: 1fr; }
  .auty-convert { padding: 22px; }
  .auty-product-section { padding: 20px 14px; }
  .auty-band { padding: 26px; }

  .footer-bottom,
  body .footer-bottom.dark_style { margin-top: 40px !important; padding: 42px 0 32px !important; }
  .footer-bottom:before,
  body .footer-bottom.dark_style:before { margin-bottom: 26px !important; padding: 0 18px 22px !important; font-size: 22px; }
  .footer-bottom .rh-container,
  footer#theme_footer .rh-container { padding: 0 18px !important; }
  .footer-bottom .wpsm-one-half { width: 100%; margin: 0 0 22px; }
}

@media (max-width: 900px) {
  body.single-product div.product {
    max-width: calc(100% - 28px);
    margin-top: 18px !important;
  }

  body.single-product .rh_post_layout_compare_full,
  body.single-product .rh_post_layout_compare_full > .wpsm-two-third {
    grid-template-columns: 1fr !important;
    gap: 22px;
  }

  body.single-product .rh_post_layout_compare_full {
    padding: 22px !important;
    border-radius: 16px !important;
  }

  body.single-product .rh_post_layout_compare_full .title_single_area,
  body.single-product .rh_post_layout_compare_full .meta-in-compare-full,
  body.single-product .rh_post_layout_compare_full .woo-button-actions-area,
  body.single-product .rh_post_layout_compare_full .top_share,
  body.single-product .rh_post_layout_compare_full .woo-single-meta {
    grid-column: 1 !important;
  }

  body.single-product .compare-full-images figure { padding: 12px !important; }
  body.single-product .compare-full-images img { max-height: 360px; }

  body.single-product .table_merchant_list {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px !important;
  }
}

@media (max-width: 480px) {
  body.single-product div.product {
    max-width: calc(100% - 28px);
  }

  body.single-product .rh_post_layout_compare_full {
    padding: 18px !important;
  }

  body.single-product div.product .product_title,
  body.single-product h1 {
    font-size: 25px !important;
    line-height: 1.12 !important;
  }

  body.single-product .table_merchant_list {
    grid-template-columns: 1fr;
    grid-template-areas:
      "merchant"
      "price"
      "button";
  }

  body.single-product .table_merchant_list .price_simple_col {
    justify-content: flex-start;
  }

  body.single-product .price_simple_col a.re_track_btn,
  body.single-product .buttons_col a.re_track_btn {
    width: auto;
    max-width: 100%;
  }
}