/*
Theme Name:   Rumio Child
Theme URI:    https://www.rumio.cz
Description:  Child theme pro GeneratePress – prémiový rumový e-shop Rumio.cz (WooCommerce). Převod designu z eshop-rychle (Geneva).
Author:       Rumio
Template:     generatepress
Version:      1.0.0
Text Domain:  rumio-child
*/

/* ============================================================
   TOKENY
   ============================================================ */
:root{
  --r-navy:#0d2d3b;
  --r-navy-2:#163f50;
  --r-gold:#b38a4a;
  --r-gold-dark:#8c6938;
  --r-gold-light:#d9bd86;
  --r-turq:#218f93;
  --r-cream:#f7f3eb;
  --r-paper:#fffdfa;
  --r-line:#e7ded0;
  --r-text:#26363d;
  --r-muted:#6c787c;
  --r-white:#fff;
  --r-shadow:0 10px 28px rgba(13,45,59,.08);
  --r-font-head:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --r-font-body:"Inter",Arial,Helvetica,sans-serif;
  --rumio-content-width:1340px;
  --rumio-content-gutter:20px;
}
@media(max-width:600px){:root{--rumio-content-gutter:14px}}

/* ============================================================
   GLOBÁLNÍ
   ============================================================ */
html{scroll-behavior:smooth}
body{color:var(--r-text);background:#fff;font-family:var(--r-font-body);line-height:1.55}
h1,h2,h3,h4,h5,h6{color:var(--r-navy);font-family:var(--r-font-head);font-weight:600;letter-spacing:-.025em}
a{color:var(--r-navy)}
a:hover{color:var(--r-gold-dark)}
::selection{background:var(--r-navy);color:#fff}
button,input,select,textarea{font-family:var(--r-font-body)}

/* společná šířka obsahu (GeneratePress kontejner) */
.grid-container,
.site-header .inside-header,
.main-navigation .inside-navigation,
.site-footer .footer-widgets-container,
.site-footer .inside-site-info{
  max-width:var(--rumio-content-width);
}

/* ============================================================
   HLAVIČKA + MENU
   ============================================================ */
.site-header{background:#fff;border-bottom:1px solid var(--r-line);box-shadow:0 2px 16px rgba(13,45,59,.04)}
.site-logo img,.header-image{max-width:317px;max-height:76px;object-fit:contain}
.main-navigation,.main-navigation ul ul{background:#fff}
.main-navigation .main-nav ul li a{
  color:var(--r-navy);font-family:var(--r-font-body);font-weight:800;font-size:12px;
  letter-spacing:.045em;text-transform:uppercase;
}
.main-navigation .main-nav ul li:hover>a,
.main-navigation .main-nav ul li.current-menu-item>a{color:var(--r-gold-dark);background:transparent}
.main-navigation ul ul{border:1px solid var(--r-line);box-shadow:var(--r-shadow)}
.main-navigation .main-nav ul ul li a{text-transform:none;letter-spacing:0;font-size:13px;font-weight:600}
.main-navigation .main-nav ul ul li:hover>a{background:var(--r-cream);color:var(--r-gold-dark)}

/* vyhledávání */
.search-field,.woocommerce-product-search .search-field,
input[type=search],input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea,select{
  border:1px solid var(--r-line);border-radius:7px;background:#fff;color:var(--r-text);
}
input:focus,textarea:focus,select:focus{
  border-color:var(--r-gold);box-shadow:0 0 0 3px rgba(179,138,74,.12);outline:none;
}

/* ============================================================
   TLAČÍTKA
   ============================================================ */
button,html input[type=button],input[type=reset],input[type=submit],
a.button,.button,.wp-block-button__link,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit{
  background:var(--r-navy);border:1px solid var(--r-navy);color:#fff;
  border-radius:7px;font-weight:800;transition:.18s ease;
}
button:hover,input[type=submit]:hover,a.button:hover,.button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{
  background:var(--r-navy-2);border-color:var(--r-navy-2);color:#fff;transform:translateY(-1px);
}
/* hlavní konverzní tlačítka = zlatá */
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,
.single_add_to_cart_button,.woocommerce #payment #place_order,.checkout-button{
  background:var(--r-gold)!important;border-color:var(--r-gold)!important;color:#fff!important;min-height:48px;
}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.single_add_to_cart_button:hover,.woocommerce #payment #place_order:hover,.checkout-button:hover{
  background:var(--r-gold-dark)!important;border-color:var(--r-gold-dark)!important;
}

/* ============================================================
   WOOCOMMERCE – VÝPIS PRODUKTŮ
   ============================================================ */
.woocommerce ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{
  width:auto!important;margin:0!important;float:none;
  background:#fff;border:1px solid var(--r-line);border-radius:11px;
  box-shadow:0 3px 12px rgba(13,45,59,.035);overflow:hidden;transition:.2s ease;
  padding:14px;display:flex;flex-direction:column;
}
.woocommerce ul.products li.product:hover{transform:translateY(-3px);border-color:#d5bd92;box-shadow:var(--r-shadow)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:var(--r-navy);font-family:var(--r-font-head);font-weight:600;font-size:21px;line-height:1.18;padding:8px 0 4px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--r-navy);font-family:var(--r-font-body);font-weight:700;
}
.woocommerce ul.products li.product .button{margin-top:auto}
.woocommerce span.onsale,.woocommerce ul.products li.product .onsale{
  background:var(--r-gold);color:#fff;border-radius:999px;font-weight:900;font-size:10px;
  text-transform:uppercase;letter-spacing:.04em;min-height:0;min-width:0;line-height:1;padding:7px 11px;
}
@media(max-width:1000px){.woocommerce ul.products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.woocommerce ul.products{gap:10px}.woocommerce ul.products li.product{padding:10px}}

/* drobečková navigace */
.woocommerce .woocommerce-breadcrumb{color:var(--r-muted);font-size:12px}
.woocommerce .woocommerce-breadcrumb a{color:var(--r-gold-dark)}

/* filtry / widgety v postranním panelu */
.sidebar .widget{background:var(--r-paper);border:1px solid var(--r-line);border-radius:10px}
.sidebar .widget-title{color:var(--r-navy);font-family:var(--r-font-head);font-weight:600}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background:var(--r-gold)}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:var(--r-gold-dark)}
input[type=checkbox],input[type=radio]{accent-color:var(--r-gold)}

/* ============================================================
   WOOCOMMERCE – DETAIL PRODUKTU
   ============================================================ */
.woocommerce div.product .product_title{color:var(--r-navy);font-family:var(--r-font-head)}
.woocommerce div.product .woocommerce-tabs ul.tabs{border-color:var(--r-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--r-line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{border-color:var(--r-line);background:var(--r-cream)}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--r-navy);font-weight:700}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:#fff}

/* ============================================================
   KOŠÍK / POKLADNA – jen barvy, struktura zůstává kvůli pluginům
   ============================================================ */
.woocommerce-info,.woocommerce-message{border-top-color:var(--r-gold)}
.woocommerce-info::before,.woocommerce-message::before{color:var(--r-gold)}
.woocommerce table.shop_table{border-color:var(--r-line);border-radius:10px}
.woocommerce-checkout #payment{background:var(--r-paper);border-radius:10px}

/* ============================================================
   NEWSLETTER (blok / plugin s třídou .newsletter)
   ============================================================ */
.newsletter,.newsletter-box,#newsletter{background:var(--r-turq);color:#fff}
.newsletter h2,.newsletter h3,#newsletter h2,#newsletter h3{color:#fff}
.newsletter input[type=email],.newsletter input[type=text]{border:0;border-radius:7px}

/* ============================================================
   PATIČKA
   ============================================================ */
.site-footer,.site-footer .footer-widgets,.site-info{background:var(--r-navy);color:#e5eef0}
.site-footer{border-top:4px solid var(--r-gold)}
.site-footer h2,.site-footer h3,.site-footer h4,.site-footer .widget-title{color:#fff;font-family:var(--r-font-head)}
.site-footer a{color:#e5eef0}
.site-footer a:hover{color:var(--r-gold-light)}