/* Colors */
:root {
    --green-dark: #092809;
    --brown-light: #A18059;
    --white: #FFFFFF;
    --black: #000000;
    --grey: #6B7280;
}

/* Fonts */
@font-face {
    font-family: 'CocoGothic';
    src: url('../fonts/FontCocoGothic/CocoGothic-Regular-trial.woff2') format('woff2'),
         url('../fonts/FontCocoGothic/CocoGothic-Regular-trial.woff') format('woff'),
         url('../fonts/FontCocoGothic/CocoGothic-Regular-trial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CocoGothic';
    src: url('../fonts/FontCocoGothic/CocoGothic-Bold-trial.woff2') format('woff2'),
         url('../fonts/FontCocoGothic/CocoGothic-Bold-trial.woff') format('woff'),
         url('../fonts/FontCocoGothic/CocoGothic-Bold-trial.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'CocoGothic';
    src: url('../fonts/FontCocoGothic/CocoGothic-Fat_trial.woff2') format('woff2'),
         url('../fonts/FontCocoGothic/CocoGothic-Fat_trial.woff') format('woff'),
         url('../fonts/FontCocoGothic/CocoGothic-Fat_trial.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}  
@font-face {
    font-family: 'CocoGothic';
    src: url('../fonts/FontCocoGothic/CocoGothic-Heavy_trial.woff2') format('woff2'),
         url('../fonts/FontCocoGothic/CocoGothic-Heavy_trial.woff') format('woff'),
         url('../fonts/FontCocoGothic/CocoGothic-Heavy_trial.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
    
@font-face {
    font-family: 'AGaramondPro';
    src: url('../fonts/AGaramondPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}  
@font-face {
    font-family: 'AGaramondPro';
    src: url('../fonts/AGaramondPro-Bold.woff2') format('woff2'),
         url('../fonts/AGaramondPro-Bold.woff') format('woff'),
         url('../fonts/AGaramondPro-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}
  
/* General */
a:hover {
    text-decoration: none!important;
}
a:focus {
    outline-width: 0!important;
}
label input,
label input:focus,
label input:focus-visible,
label:focus,
label:focus-within,
.wp-block-button:focus,
.wp-block-button:focus-visible,
.wc-block-components-button:focus {
  outline: none !important;
  box-shadow: none!important;
}
  
/* Provvisory */
#wpadminbar {
    display: none!important;
}

/* Spacings */
html {
    margin-top: 0!important;
    scrollbar-gutter: stable;
}
body:has(header) main {
    margin-top: 75px; /* the fixed header height */
}

/* Utilities */
.green-blurred {
    background-color: rgba(9, 40, 9, 0.9) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.d-none {
    display: none!important;
}
.opacity-0 {
    opacity: 0;
}
.uppercase {
    text-transform: uppercase!important;
}
.text-center {
    text-align: center;
}
.overflow-visible {
    overflow: visible!important;
}
.overflow-hidden {
    overflow: hidden!important;
}

/* Accordeon */
.product-accordion {
    margin-top: 0;
}
.accordion-content__wrapper,
.product-accordion .accordion-panel {
    font-size: 12px!important;
    letter-spacing: 1px;
}
.wc-block-product-description {
    padding: 10px 0;
}
.wc-block-product-description,
.product-accordion .accordion-panel {
    line-height: 1.2;
    font-weight: 400;
}
.product-accordion .accordion-panel {
    height: 0;
    overflow: hidden;
    transition: height 0.25s ease, padding 0.25s ease;
    padding: 0;
    font-family: var(--coco-gothic, sans-serif);
}
.product-accordion-item.is-open .accordion-panel {
    padding: 10px 0;
}
.product-accordion .accordion-item__toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 0;
    margin: 0;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
}
.product-accordion .accordion-item__toggle-icon {
    transition: transform 0.2s ease;
    display: inline-flex;
    align-items: center;
}
.product-accordion-item.is-open .accordion-item__toggle-icon.has-icon-plus {
    transform: rotate(45deg);
} 

.wp-block-breadcrumbs {
    margin-left:0!important;
}

@media screen and (max-width:768px) {
    /* Buttons */
    .wp-block-buttons>.wp-block-button {
        width: 100%!important;
    }
}