/* --------------------------------------------------------------------------
   1. PROMĚNNÉ & ZÁKLADNÍ NASTAVENÍ
   -------------------------------------------------------------------------- */
:root {
  /* Barvy - Brand (Aktualizováno) */
  --rc-gold: #c79040;          /* Tvá nová výchozí zlatá */
  --rc-gold-dark: #a87830;     /* Tvá nová tmavá pro hover */
  /* --rc-gold-light: #dfb26c;  <-- Tuto můžeme nechat pro jiné efekty, nebo smazat */

  /* Barvy - Neutral */
  --rc-dark-bg: #272727;       /* Hlavní tmavé pozadí */
  --rc-dark-nav: #181818;      /* Nejtmavší lišta */
  --rc-text-white: #e6e6e6;
  --rc-text-white-hover: #ffffff;

  /* Layout & Spacing */
  --rc-container: 1240px;
  --rc-gutter: 16px;
  --rc-radius: 12px;           /* Zaoblení prvků */
  --rc-radius-card: 16px;      /* Zaoblení karet */
  --rc-line: 1.35;

  /* Karty produktů (Shadows & Borders) */
  --rc-card-bg: #fff;
  --rc-card-border: rgba(0,0,0,.08);
    --rc-card-shadow: 0 0px 5px rgba(0, 0, 0, .05);
    --rc-card-shadow-hover: 0 5px 10px rgba(0, 0, 0, .08);  
}

/* Základní typografie a layout */
body {
  line-height: var(--rc-line);
  text-rendering: optimizeLegibility;
}

:is(.container, .content-wrapper, .wide-container) {
  max-width: var(--rc-container);
  padding-left: var(--rc-gutter);
  padding-right: var(--rc-gutter);
}

body, #wrapper {
    overflow-x: hidden;
}

/* CONTAINER WIDTH */

@media (min-width: 1440px) {
    .container {
        width: 1418px !important;
    }
}
@media (max-width: 1200px) {
    .container {
        width: 1178px !important;
        max-width: 96% !important;
    }
}
@media (max-width: 992px) {
    .container {
        width: 972px !important;
    }
}
@media (max-width: 768px) {
    .container {
        width: 747px !important;
    }
}

/* ==========================================================================
   10. GLOBAL BUTTONS & INPUTS (Finalizované barvy)
   ========================================================================== */

/* (A) Reset všech tlačítek - základní tvar */
.btn,
.site-btn-primary,
.site-btn-secondary,
input[type="submit"],
button[type="submit"] {
  border-radius: var(--rc-radius) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  transition: all 0.2s ease !important;
  border: none !important;
  box-shadow: none !important;
}

/* (B) Hlavní akční tlačítka (ZLATÁ -> HNĚDÁ) */
/* Výchozí stav: #c79040 */
.btn-cart,
.btn-primary,
.site-btn-primary,
.add-to-cart-button,
.type-detail-btn,
input[type="submit"].btn-primary,
.cart-content .btn-next,
.cart-content .btn-order {
  background-color: var(--rc-gold) !important;
  color: #ffffff !important;
}

/* Hover stav: #7a5827 (ztmavnutí) */
.btn-cart:hover,
.btn-primary:hover,
.site-btn-primary:hover,
.add-to-cart-button:hover,
input[type="submit"].btn-primary:hover,
.cart-content .btn-next:hover,
.cart-content .btn-order:hover {
  background-color: var(--rc-gold-dark) !important;
  transform: translateY(-1px);
}

/* (C) Sekundární tlačítka (TMAVÁ -> SVĚTLEJŠÍ) */
/* Výchozí stav: #272727 */
.btn-secondary,
.site-btn-secondary,
.btn-default,
.cart-content .btn-back {
  background-color: #272727 !important;
  color: #ffffff !important; /* Bílé písmo */
  border: 1px solid transparent !important;
}

/* Hover stav: #4d4d4d (zesvětlení) */
.btn-secondary:hover,
.site-btn-secondary:hover,
.btn-default:hover,
.cart-content .btn-back:hover {
  background-color: #4d4d4d !important;
  color: #ffffff !important;
  border-color: #4d4d4d !important;
}

/* (D) Specifická úprava: Detail produktu - Velké tlačítko */
.p-detail-inner .add-to-cart-button {
  padding: 15px 30px !important;
  font-size: 16px !important;
}

/* (E) Specifická úprava: Množstevní input */
.amount-wrapper input.amount {
  border-radius: var(--rc-radius) !important;
  border: 1px solid #444 !important;
  background-color: rgba(0,0,0,0.05) !important;
  color: #272727;
  font-weight: 600;
}