/* =====================================================================
   PILINA.CZ — úpravy šablony Step
   Soubor: /user/documents/upload/theme/pilina-theme.css
   Načítat AŽ ZA pilina-sc.css (kvůli proměnným --pl-*).

   Obsah:
     1) Globální úpravy šablony
     2) Horní kontaktní lišta
     3) Náhled gravírování (modal)
     4) Responzivita
   ===================================================================== */

/* =====================================================================
   1) GLOBÁLNÍ ÚPRAVY ŠABLONY
   ===================================================================== */

body {
    color: #3d2b1f;
}

#footer,
.cat-panel {
    background: var(--pl-sand);
}

nav .menu-level-1 {
    font-size: 12px;
}

.category-perex {
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .10);
}

.homepage-box {
    border: 0;
    padding-top: 2px;
    padding-bottom: 0;
}

/* benefit banner — vycentrovaný obsah, bez mezery pod hero */
.benefitBanner,
.benefitBanner__item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

body.type-index .benefitBanner {
    margin: 0;
}

/* Bílý text v tlačítkách.
   POZOR: cíleno na konkrétní tlačítka, ne na obecné `.btn span`,
   aby se nepřebarvily i odkazy uvnitř jiných komponent. */
.btn-primary,
.btn-primary span,
.add-to-cart-button,
a.btn-default.unveil-button,
.filter-total-button {
    color: #fff;
}

/* =====================================================================
   2) HORNÍ KONTAKTNÍ LIŠTA
   ===================================================================== */

.top-contact-bar {
    font-size: 14px;
    padding: 6px 0;
}

    .top-contact-bar .container {
        margin: 0 auto;
        display: flex;
    }

    .top-contact-bar span {
        color: #333;
        padding-right: 30px;
    }