/**
Theme Name: Websamurai for Gutenberg
Author: Websamurai AG
Author URI: https://www.websamurai.ch
Description: Websamurai for Gutenberg Theme, das sich für Blogs, persönliche Portfolios und Unternehmenswebsites eignet. Es ist sehr leichtgewichtig (weniger als 50 KB im Frontend) und bietet eine unvergleichliche Geschwindigkeit. Websamurai for Gutenberg wurde mit Blick auf SEO entwickelt und verfügt über integrierten schema.org-Code, sodass Suchmaschinen Ihre Website lieben werden. Websamurai for Gutenberg bietet zahlreiche Sidebar-Optionen und Widget-Bereiche, mit denen Sie die vollständige Kontrolle über die Anpassungen haben.  Einige der weiteren Funktionen: # WooCommerce-kompatibel # Responsive # Kompatibel mit den wichtigsten Plugins # Übersetzungsfähig # Erweiterbar mit Premium-Add-ons # Regelmässig aktualisiert # Entworfen, entwickelt und gepflegt. Websamurai for Gutenberg ist ein schnelles, vollständig anpassbares und wunderschönes Theme!
Version: 4.11.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: websamurai-for-gutenberg
Template: astra
*/

.acf-explode {
    font-size: 20px;
}

.acf-specs { display: grid; gap: .4rem; color: var(--ast-global-color-0); }
.acf-specs__row { display: grid; grid-template-columns: 1fr 2fr; gap: .6rem; align-items: start; padding: 0 0 0.7vw 0; border-bottom: 1px solid var(--ast-global-color-0) }
.acf-specs__label { font-weight: 600; }
.acf-specs__value ul.acf-specs-list { margin: 0; padding-left: 1.2em; }

.acf-downloads { border-top:2px solid var(--ast-global-color-0); font-size: 16px;}
.acf-downloads__list { list-style:none; margin:0; padding:0; }
.acf-downloads__row { display:grid; grid-template-columns: 1fr auto; gap:.75rem 1rem; padding:.75rem 0; border-bottom:2px solid var(--ast-global-color-0); }
.acf-downloads__row .title-block { display: inline-flex; align-items: center; }
.acf-downloads__row .title-block h3 { margin:0; font-size:16px; font-weight: 600; color: var(--ast-global-color-0); }
.acf-downloads__files { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:.5rem; }
.acf-downloads__files a.button {
    display:inline-flex;
    justify-content: center;
    min-height: 2.65vw;
    align-items: center;
    gap:.5rem;
    padding: 0.49vw 1.5vw;
    /*border-radius:999px;*/
    text-decoration:none;
    color: var(--ast-global-color-0);
    font-weight: 600;
}

.software-cta-link, .firmware-cta-link {
    text-align: center;
}

/* Hide the container if the shortcode didn't render any .acf-downloads markup */
.technical-container:not(:has(.acf-specs)) {
    display: none;
}

.firmware-container:not(:has(.firmware-cta-link)) {
    display: none;
}

.software-container:not(:has(.software-cta-link)){
    display: none;
}

.downloads-container:not(:has(.acf-downloads)) {
    display: none;
}

.additional-container:not(:has(.linked-products)) {
    display: none;
}

.single-product:not(:has(.acf-downloads)) .technical-link {
    display: none !important;
}

.single-product:not(:has(.firmware-cta-link)) .firmware-link {
    display: none !important;
}

.single-product:not(:has(.software-cta-link)) .software-link {
    display: none !important;
}

.single-product:not(:has(.acf-downloads)) .downloads-link {
    display: none !important;
}

.single-product:not(:has(.linked-products)) .additional-link {
    display: none !important;
}

.barox-slick { position: relative; margin: 10px 5% 0; }
.barox-slick ul.products { list-style:none; margin:0; padding:0; display:block !important; }
.barox-slick ul.products li.product { margin: 20px 10px; }
.barox-slick .slick-slide { height:auto; }

/* arrows: big round buttons, hide text inside */
.barox-slick .slick-prev,
.barox-slick .slick-next {
    z-index: 9999; position:absolute; top:50%; transform:translateY(-50%);
    width:44px; height:44px; border-radius: 0px;
    background:none;
    border:0; outline:0; cursor:pointer; text-indent:-9999px; overflow:hidden;
}
.barox-slick .slick-prev { left:-5%; }
.barox-slick .slick-next { right:-5%; }
.barox-slick .slick-prev:before,
.barox-slick .slick-next:before {
    content:""; position:absolute; inset:0; margin:auto; width:24px; height:24px;
    border-top:2px solid currentColor; border-right:2px solid currentColor; font-weight: bold;
    color: #002D4E;
}
.barox-slick .slick-prev:before { transform:rotate(-135deg); left:15px; }
.barox-slick .slick-next:before { transform:rotate(45deg);  right:15px; }

.barox-pdp-gallery{position: initial !important;}
.barox-pdp-slick {text-align: center;}
.barox-pdp-slick img {
    display: inline-block;       /* so text-align works */
    width: auto;                 /* natural width */
    max-width: 100%;             /* don’t overflow */
    height: auto;
    margin: 0 auto;

}
/* New arrow design */
.barox-pdp-gallery .gallery-nav-wrapper {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 15px;
    z-index: 5;
}
.barox-pdp-gallery .gallery-nav {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}
.barox-pdp-gallery .gallery-nav:hover {
    background-color: rgba(255, 255, 255, 0.8);
}
.barox-pdp-gallery .gallery-nav.prev::after {
    content: "\276F";
    font-size: 27px;
    color: #002d4e;
    transform: rotate(180deg);
}
.barox-pdp-gallery .gallery-nav.next::after {
    content: "\276F";
    font-size: 27px;
    color: #002d4e;
}

.single-product .barox-pdp-badge {
    padding: 4px 12px;
    font-size: 1.25rem;
}

.barox-pdp-badge {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6;
    color: #002D4E;
    font-weight: 700;
    padding: 2px 8px;
    font-weight: bold;
    font-size: 1.0rem;
    text-transform: uppercase;
}

.barox-pdp-badge--new {
    background-color: #F7A600;
}

.barox-pdp-badge--eol {
    background-color: #002D4E;
    color: #fff;
}

.barox-pdp-gallery,
.barox-slick {
    opacity: 0;
    transition: opacity .25s ease;
}

/* Once JS initialized */
.barox-pdp-gallery.is-ready,
.barox-slick.is-ready {
    opacity: 1;
}

.search-result-item__price {
    display: none;
}

/* Mobile override: stack labels/values vertically */
@media (max-width: 768px) {
    .acf-specs__row {
        display: block;
    }

    .acf-specs__row > * {
        display: block;
        width: 100%;
        margin-bottom: 0.4rem; /* small space between label/value */
    }
}

.acf-textblocks { display:block; color: var(--ast-global-color-0); font-size: 20px;}
.acf-textblocks h4 { color: var(--ast-global-color-0); font-weight: 600; font-size: 20px; }
.acf-textblocks__item { padding:1rem 0; }
.acf-textblocks__item.has-divider { border-top:2px solid var(--ast-global-color-0); margin-top:1rem; padding-top:1.25rem; }
.acf-textblocks__title { font-weight:700; margin:0 0 .5rem; }
.acf-textblocks__content p { margin:.4rem 0 .8rem; }