/*
Theme Name: Weingut TESCH
Theme URI: 
Author: bavariansocialclub
Author URI: 
Description: Blocktheme for Weingut TESCH 2025
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tesch
Tags: 
*/

/* 
---------------------------------------------
 Smoothing everything up
---------------------------------------------
*/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

html {
    interpolate-size: allow-keywords;
    scroll-padding-top: 80px;
}
@media (min-width: 782px) {
    html {
        scroll-padding-top: 80px;
    }
}



/* 
---------------------------------------------
Shop Navi
---------------------------------------------
*/
header {
    position: relative;
    z-index: 11;
}
.is-shop-navi {
    position: fixed;
    top: 16px;
    right: max(calc( (100vw - 1128px) / 2 ), 24px);
    z-index: 100;
    padding-right: 32px;
}
.admin-bar .is-shop-navi {
    top: calc( var(--wp-admin--admin-bar--height, 0) + 16px);
}


/* 
---------------------------------------------
Sidebar
---------------------------------------------
*/

@media (max-width: 781px) {
    
    .is-sidebar {
        display: flex;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
    }
    .is-sidebar > .wp-block-group {
        flex-basis: calc((100% - 3rem)/4);
    }
}


/* 
---------------------------------------------
 Page (Jump) Navi
---------------------------------------------
*/

.is-page-navi a {
    text-decoration: none;
}
.is-page-navi a:hover {
    text-decoration: underline;
}

@media (max-width: 781px) {
    
    .is-page-navi > .wp-block-group {
        display: flex;
        flex-wrap: nowrap;
        scroll-snap-type: x mandatory;
        overflow-x: scroll;
        scroll-padding-left: 32px;
        scroll-padding-right: 32px;
        margin-left: -32px!important;
        margin-right: -32px!important;
        padding-left: 32px;
        padding-right: 32px; 
    }
    .is-page-navi > .wp-block-group > p {
        flex: 1 0 auto;
        scroll-snap-align: start;
    }
}

/*
-------------------------------------------------------------
 Block: Easy Tabs Block
-------------------------------------------------------------
*/

 /* Not Active Tab - Visibility, Hover */
.wp-block-easy-tabs-block-tab-button:not(.etb-active-tab) .is-tab-avatar {
    border-color: transparent!important;
}
.wp-block-easy-tabs-block-tab-button:not(.etb-active-tab) .is-tab-avatar p {
    opacity: 0;
}
.wp-block-easy-tabs-block-tab-button:not(.etb-active-tab):hover .is-tab-avatar p {
    opacity: 1;
}

/* Min-Width */
.wp-block-easy-tabs-block-tab-button {
    min-width: 100px;
}

/* More Button: align right */
/* .wp-block-easy-tabs-block-tab-button.is-more {
    flex-grow: 2;
    display: flex;
    justify-content: flex-end;
}
.wp-block-easy-tabs-block-tab-button.is-more .is-tab-avatar {
    min-width: 100px;
}
.wp-block-easy-tabs-block-tab-button.is-more .is-tab-avatar p {
    opacity: 1;
} */


/*
-------------------------------------------------------------
 Block: Details
-------------------------------------------------------------
*/
/* Default Style ---------- */
details {
    position: relative;
}
/* details:first-child {
    border-top: 1px solid var(--wp--preset--color--hellgrau);
}
details[open] {
    padding-bottom: 2rem;
}

details summary {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 1rem 3rem 1rem 0;
    list-style: none;
    font-size: var(--wp--preset--font-size--title-large);
    line-height: 1;
    font-weight: 600;
}
summary::-webkit-details-marker {
    display: none;
} */

/* Icon */
details summary::before {
    position: absolute;
    top: 12px;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    content: '';
    background: url(assets/img/icon-acc-plus.svg) no-repeat 0 0;
    background-size: contain;
}
details[open] summary::before {
    background-image: url(assets/img/icon-acc-minus.svg);
}

/* Hover States */
details summary:hover::before {
    opacity: .8;
}
/* Focus State */
details:focus,
details:focus-visible {
    outline: 1px solid var(--wp--preset--color--purple);
    border-radius: 4px;
    outline-offset: 2px;
}


.is-rating--short strong {
    display: inline-block;
    min-width: 4em;
}