/* =====================================================================
   KOSTRA: berlinbeerbike
   Pre novú doménu zmeň: import fontov, paletu (--c1 až --c5),
   akcent a priradenie farieb k sekciám v bloku :root.
   Pravidlá nižšie sa nemenia.
   ===================================================================== */

/* === Fonts === */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oxanium:wght@200..800&display=swap');

/* === PREMENNÉ === */
:root {
    --font-heading: "Oxanium", sans-serif;
    --font-body: "Open Sans", sans-serif;

    /* === PALETA domény (3-5 farieb) === */
    --c1: #000;         /* tmavá */
    --c2: #2e2e2e;      /* tmavá 2 */
    --c3: #fff;         /* svetlá */
    --c4: #1a3a9a;      /* farebná plocha */
    --c5: #152E7B;      /* farebná plocha tmavšia */

    --accent: #ffa200;          /* tlačidlá, nadpisy, FAQ */
    --accent-hover: #BF9C60;
    --accent-text: #000;        /* text na akcente (biely má len ~2:1 kontrast) */
    --text-dark: #27272d;
    --glow: rgba(255, 162, 0, 0.4);

    /* === PRIRADENIE k sekciám (meň len tu) === */
    --bg-header: var(--c1);
    --bg-icons: var(--c3);
    --bg-packages: var(--c1);
    --bg-testimonials: var(--c3);
    --bg-gallery: var(--c3);
    --bg-form: var(--c2);
    --bg-footer: var(--c2);
    --panel: var(--c4);         /* riadky balíčkov */
    --panel-dark: var(--c5);    /* otvorená FAQ položka */

    /* text na pozadí sekcie: pri tmavom pozadí daj #fff, pri svetlom var(--text-dark) */
    --text-gallery: var(--text-dark);
}

/* === BODY === */
body {
    font-family: var(--font-body);
}

/* === HEADINGS === */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6, .node__title {
    font-weight: 600;
    font-family: var(--font-heading);
}
/* == footer headings == */
.page-footer > .footer__inner > .footer-top > .footer__col .block-title {
    font-weight: 600;
    font-family: var(--font-heading);
}
/* == underscore line == */
.title-underscore::after {
    /*display: none;*/
    border: 3px solid var(--accent);
}

/* === CTA BUTTONS === */
/* == primary == */
.btn--primary, .form-submit {
    font-family: var(--font-heading);
    background-color: var(--accent);
}
.btn--primary:hover {
    background-color: var(--accent-hover) !important;
    transform: scale(1.05);
}
/* == header == */
@media (min-width: 768px) {
    .top-bar-wrapper .top-bar-wrapper-inner .block-book-now .btn, .top-bar-wrapper .top-bar-wrapper-inner .block-book-now .form-submit {
        font-family: var(--font-heading);
        font-size: 25px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* == menu / send - quick contact form == */
.btn, .node-readmore, .webform-button--submit, .node__links {
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 600;
}
.btn:hover, .webform-button--submit:hover {
    background-color: var(--accent-hover) !important;
    transform: scale(1.05);
}
/* == footer == */
.footer__col .block-menu .menu-item .btn, .footer__col .block-menu .menu-item .form-submit {
    margin: 13px 0;
    padding: 10px 15px;
    font-family: var(--font-heading);
    font-weight: 800 !important;
    text-transform: uppercase;
    font-size: 20px;
}

/* === HEADER === */
/* == background == */
.top-bar-wrapper {
    background: var(--bg-header);
}
/* == height == */
@media (min-width: 768px) {
    .top-bar-wrapper .top-bar-wrapper-inner {
        height: 80px;
    }
}
/* == menu == */
.top-bar-wrapper .top-bar-wrapper-inner .navigation-wrapper .navigation-inner-wrapper {
    font-family: var(--font-heading);
    background-color: var(--bg-header);
}

/* === MOBILE MENU === */
.menu-opener,
i.icon-x.block-opener {
    color: var(--accent) !important;
}
div.navigation-inner-wrapper.active {
    background-color: var(--bg-header) !important;
}

/* === ICONS === */
/* == background == */
.block-views-blockbig-icons-block-block-1::after {
    background-image: none !important;
    background-color: var(--bg-icons);
}
/* == number of icons in row == */
@media (min-width: 768px) {
    .block-views-blockbig-icons-block-block-1 .views-field .big-icons-container {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* == headers == */
.block-views-blockbig-icons-block-block-1 .views-field .big-icons-container .paragraph--type--big-icons__title {
    color: var(--accent);
}

/* === PACKAGES === */
/* == background == */
.block-views-blockour-packages-block-1 {
    background-color: var(--bg-packages);
}
/* == package rows backgrounds == */
.node--type-product > .node__content .field > .field__item:first-of-type .paragraph--type--price-row .cs__feature-row--col {
    background-color: var(--panel);
}
.node--type-product > .node__content .field > .field__item:first-of-type .paragraph--type--price-row .cs__feature-row--col:last-child {
    background-color: rgba(239, 239, 242, 0.6);
}
.field--name-field-pricing .field__item:first-of-type .paragraph--type--price-row .field--name-field-text {
    color: var(--text-dark);
}
.paragraph--type--price-row .cs__feature-row > .cs__feature-row--col {
    background-color: var(--panel);
}
.paragraph--type--price-row .field--name-field-title {
    color: #fff;
}
/* == package text == */
.node--type-product.node--view-mode-teaser > .node__content .node__content--bottom,
.node--type-product.node--view-mode-teaser-detailed > .node__content .node__content--bottom,
.node--type-product.node--view-mode-box-teaser > .node__content .node__content--bottom {
    color: #fff;
}
/* == product img == */
.full-img-width img {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 10px var(--glow);
}
/* == bestseller color (zapni a nastav farbu)
.node--type-product.node--view-mode-teaser--bestseller, .node--type-product.node--view-mode-teaser-detailed--bestseller, .node--type-product.node--view-mode-box-teaser--bestseller {
    background-color: var(--accent) !important;
}
== */
/* == show only 2 rows instead of 4 == */
.desktop-only {
    display: none !important;
}

/* === TESTIMONIALS === */
/* == background == */
.widget-type-views-testimonial-embed, .widget-type-views-testimonial-embed-all {
    background-color: var(--bg-testimonials);
}
/* == header == */
.widget-type-views-testimonial-embed-all .content > .field--name-field-text {
    color: var(--accent);
}
/* == name headers == */
.node--type-testimonial.node--view-mode-box-teaser .node__content .field--name-title {
    font-family: var(--font-heading);
    color: var(--accent);
}
/* == text == */
.node--type-testimonial.node--view-mode-box-teaser .node__content .field--name-field-description {
    color: var(--text-dark);
}
/* == box shadow == */
.node--type-testimonial.node--view-mode-box-teaser {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
    margin-left: 15px;
    margin-bottom: 17px;
    margin-right: 15px;
}

/* === FAQs (vypnuté, na zapnutie zmaž začiatok a koniec komentára)
.paragraph--type--faq {
    background-color: var(--accent) !important;
    color: #fff;
}
@media (min-width: 768px) {
    .paragraph--type--faq {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1;
    }
    .paragraph--type--faq::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 100vw;
        transform: translateX(-50%);
        background-color: var(--accent);
        z-index: -1;
    }
}
@media (min-width: 768px) {
    .paragraph--type--faq .questions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        column-gap: 30px;
    }
}
.paragraph--type--faq .questions > .item .question {
    border-top: 2px solid #fff;
}
.paragraph--type--faq .questions > .item .question p,
.paragraph--type--faq .questions > .item .question a:after {
    color: #fff;
}
.paragraph--type--faq .questions > .item.open .question {
    background-color: var(--panel-dark);
}
=== */

/* === GALLERY === */
/* == background == */
.paragraph--type--gallery::after {
    background-image: none;
    background-color: var(--bg-gallery) !important;
    opacity: 100%;
}
/* == header == */
.paragraph--type--gallery .content > .field--name-field-text {
    color: var(--text-gallery) !important;
}
/* == gap == */
@media (min-width: 768px) {
    .paragraph--type--gallery .content > .field--name-field-images--less {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

/* === PARTNERS === */
.paragraph__partners {
    background-color: transparent !important;
}

/* === QUICK FORM === */
.block-webform-block {
    background-color: var(--bg-form);
}

/* === FOOTER === */
.page-footer {
    background-color: var(--bg-footer);
}
/* == search button == */
.block .block__search .block__search--submit {
    background-color: transparent !important;
    color: var(--accent);
}

/* === PRODUCT PAGE === */
/* == package table == */
body.page-node-type-product table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 70% !important;
    margin: 0 auto;
}
body.page-node-type-product table td,
body.page-node-type-product table th {
    border: 1px solid #000;
    padding: 8px;
}
body.page-node-type-product table td:first-child,
body.page-node-type-product table th:first-child {
    width: 85%;
}
body.page-node-type-product table td:last-child,
body.page-node-type-product table th:last-child {
    width: 15%;
}
@media (max-width: 767px) {
    body.page-node-type-product table {
        width: 100% !important;
    }
}