/*============================================================================
   02-buttons.css — výchozí tlačítko (.et_pb_button / .pill-btn) + varianty
============================================================================*/

/*============================================================================
   05 — VÝCHOZÍ TLAČÍTKO (.et_pb_button)

   Divi 5 přidává .et_pb_button na všechna tlačítka. Přepisujeme na náš
   berry pill jako default. Pro varianty přidat ke konkrétnímu modulu
   v poli "CSS Class" jednu z btn-- tříd.
============================================================================*/

/* Univerzální button — funguje na: Divi Button modulu (.et_pb_button),
   raw HTML <a class="pill-btn">, raw HTML <button class="pill-btn">.
   Naše Code moduly v Theme Builderu používají .pill-btn (matchuje mockupy). */
.et_pb_button,
.et_pb_button:hover,
.et_pb_module .et_pb_button,
a.pill-btn,
button.pill-btn,
.pill-btn {
    background: var(--berry) !important;
    color: #fff !important;
    padding: 11px 24px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: .9rem !important;
    font-weight: 600 !important;
    border: 1px solid var(--berry) !important;
    border-radius: var(--radius-pill) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    cursor: pointer;
    transition: background var(--t-base), border-color var(--t-base), transform var(--t-base), color var(--t-base) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-transform: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;  /* obsah tlačítka se nikdy nezalomí */
    flex-shrink: 0;                  /* a samo tlačítko se ve flex kontaineru nesmrští */
}

/* Pozn.: dříve tu bylo univerzální `.pill-btn span { display: inline !important }`
   z fixu nowrap (v2.0.2). Odstraněno — bylo to příliš široké pravidlo a kolidovalo
   se specifickými třídami `.pill-btn__text` a `.pill-btn__icon`. Nowrap na obsahu
   řeší `.pill-btn` parent (white-space: nowrap), specifické display režimy řeší
   __text / __icon třídy níže. */

/* Divi 5 default přidává po-pseudo „icon" — schováváme aby nezasahoval do našeho designu */
.et_pb_button:after,
.et_pb_button:before {
    display: none !important;
}

.et_pb_button:hover,
a.pill-btn:hover,
button.pill-btn:hover,
.pill-btn:hover {
    background: var(--berry-deep) !important;
    border-color: var(--berry-deep) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/*--- BUTTON VARIANTS — přidat třídu k modulu (Divi Button) nebo k <a class="pill-btn xxx"> ---*/

/* Yellow CTA (sezónní, akce, „aktivovat") */
.et_pb_button.btn--yellow,
.btn--yellow .et_pb_button,
.pill-btn.btn--yellow,
a.pill-btn.btn--yellow,
.pill-btn.yellow,
a.pill-btn.yellow {
    background: var(--yellow) !important;
    color: var(--ink) !important;
    border-color: var(--yellow) !important;
}
.et_pb_button.btn--yellow:hover,
.btn--yellow .et_pb_button:hover,
.pill-btn.btn--yellow:hover,
.pill-btn.yellow:hover {
    background: #EFB820 !important;
    border-color: #EFB820 !important;
    color: var(--ink) !important;
}

/* Teal CTA (online vybarvování feature) */
.et_pb_button.btn--teal,
.btn--teal .et_pb_button,
.pill-btn.btn--teal,
.pill-btn.teal {
    background: var(--teal) !important;
    color: #fff !important;
    border-color: var(--teal) !important;
}
.et_pb_button.btn--teal:hover,
.btn--teal .et_pb_button:hover,
.pill-btn.btn--teal:hover,
.pill-btn.teal:hover {
    background: var(--teal-deep) !important;
    border-color: var(--teal-deep) !important;
    color: #fff !important;
}

/* Ghost CTA (sekundární, na cream pozadí) */
.et_pb_button.btn--ghost,
.btn--ghost .et_pb_button,
.pill-btn.btn--ghost,
.pill-btn.ghost {
    background: #fff !important;
    color: var(--ink) !important;
    border-color: var(--border-soft) !important;
}
.et_pb_button.btn--ghost:hover,
.btn--ghost .et_pb_button:hover,
.pill-btn.btn--ghost:hover,
.pill-btn.ghost:hover {
    background: var(--berry) !important;
    border-color: var(--berry) !important;
    color: #fff !important;
}

/* Ghost-white (na barevném — berry/teal — pozadí) */
.et_pb_button.btn--ghost-white,
.btn--ghost-white .et_pb_button,
.pill-btn.btn--ghost-white,
.pill-btn.ghost-white {
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.4) !important;
}
.et_pb_button.btn--ghost-white:hover,
.btn--ghost-white .et_pb_button:hover,
.pill-btn.btn--ghost-white:hover,
.pill-btn.ghost-white:hover {
    background: rgba(255,255,255,.28) !important;
    border-color: #fff !important;
    color: #fff !important;
}

/* Velikostní varianty */
.et_pb_button.btn--large,
.btn--large .et_pb_button,
.pill-btn.btn--large,
.pill-btn.large {
    padding: 14px 26px !important;
    font-size: 1rem !important;
}
.et_pb_button.btn--huge,
.btn--huge .et_pb_button,
.pill-btn.btn--huge,
.pill-btn.huge {
    padding: 18px 36px !important;
    font-size: 1.05rem !important;
}
.et_pb_button.btn--full,
.btn--full .et_pb_button,
.pill-btn.btn--full,
.pill-btn.full {
    width: 100%;
    text-align: center;
}


/* === Divi hover ikona (šipka z ETmodules) na tlačítkách — globálně pryč.
   Divi ji přidává přes ::after na .et_pb_button a WC .button a na hoveru
   posouvá padding. Naše tlačítka mají vlastní hover, ikonu nechceme. */
body .et_pb_button::after,
body .et_pb_button::before,
body .woocommerce a.button::after,
body .woocommerce a.button::before,
body .woocommerce button.button::after,
body .woocommerce button.button::before,
body a.button::after,
body a.button::before,
body button.button::after,
body button.button::before {
    display: none !important;
    content: none !important;
}