/* Frolla adaptations. Layout, type scale and breakpoints come from Bakerfresh 03. */
@font-face {
  font-family: Handlee;
  src: url('assets/fonts/Handlee-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #69402a; outline-offset: 4px; }
[id] { scroll-margin-top: 6rem; }
.frolla-skip { position: fixed; z-index: 1100; inset: 1rem auto auto 1rem; padding: .6rem 1rem; background: white; transform: translateY(-200%); }
.frolla-skip:focus { transform: none; }
.frolla-wordmark { display: inline-block; color: #212121; font: 400 clamp(2.4rem, 4vw, 3.5rem)/.83 Handlee, cursive; }
.frolla-wordmark small { display: block; margin-top: .65rem; font: 600 .55rem/1.3 Inter, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.header-logo .frolla-wordmark { font-size: clamp(1.9rem, 4vw, 3.1rem); vertical-align: middle; }
.header-primary-menu-03 > li:first-child > a { text-decoration: underline; text-underline-offset: .3rem; }
.slider-content-03__shape { pointer-events: none; }
.slider-active-02 .swiper-pagination button.swiper-pagination-bullet { appearance: none; border: 0; }
.slider-active-02 .swiper-pagination button.swiper-pagination-bullet:nth-child(2) { border-inline: 1px solid #858585; }
.slider-active-02 .swiper-pagination button:focus-visible { outline-offset: -4px; }
.slider-active-02 .swiper-pagination .swiper-pagination-bullet .title { font-family: Montaga, serif; font-weight: 400; }
.slider-active-02 .swiper-pagination .swiper-pagination-bullet-active .title { color: #212121; }
.slider-active-02 .swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) { visibility: hidden; }
.slider-active-02 .swiper:not(.swiper-initialized) .swiper-slide:first-child :is(.slider-content-03, .slider-images) { opacity: 1; }
.frolla-brand-label { display: inline-grid; place-items: center; width: 100%; min-height: 92px; color: #744833; font: 400 clamp(1.4rem, 2.6vw, 2.25rem)/1 Handlee, cursive; }
.frolla-brand-label:hover { color: #212121; }
.brand-item:nth-child(even) .frolla-brand-label { font-family: 'Playfair Display', serif; font-style: italic; }
.about-content__title { background-image: url('images/segno-slider.svg'); }
.category-item__image img { width: min(100%, 289px); aspect-ratio: 1; height: auto; object-fit: cover; background: #fff8f2; }
.category-item__image img[src$='torta-fragole.webp'] { object-fit: contain; }
#vetrina .product-item { height: 100%; }
#vetrina .product-item__image img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
#vetrina #prodotto-fragole img { object-fit: contain; background: #fff8f2; }
.frolla-product-copy { color: #534940; font-size: 1rem; text-transform: none; }
.filters { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem; margin: 0 0 2rem; }
.filters button { padding: .4rem .85rem; min-height: 44px; border: 1px solid #a27660; background: white; color: #56321d; }
.filters button[aria-pressed='true'] { color: white; background: #69402a; }
.features-card-item-02 .svg-icon { background: radial-gradient(ellipse, #ffded3 52%, transparent 54%) center / 100% 100%; }
#ordine { max-width: 980px; margin-inline: auto; }
#ordine label { display: grid; gap: .35rem; }
#ordine .form-control { min-width: 0; width: 100%; min-height: 48px; background-color: white; }
#ordine select.form-control { appearance: auto; }
.riepilogo { max-width: 34rem; margin: 2rem auto 0; padding: 1.5rem; background: white; overflow-wrap: anywhere; }
.riepilogo dl { display: grid; grid-template-columns: auto 1fr; gap: .35rem 1rem; }
.riepilogo dd { margin: 0; }
.footer-widget__social a { font-size: 1rem; }

@media (max-width: 767px) {
  .header-logo .frolla-wordmark small { margin-top: .4rem; font-size: .5rem; }
  .slider-active-02 .swiper-pagination button.swiper-pagination-bullet:nth-child(2) { border: 0; }
  .slider-active-02 .swiper-pagination button.swiper-pagination-bullet { position: relative; overflow: visible; }
  .slider-active-02 .swiper-pagination button.swiper-pagination-bullet::after { content: ''; position: absolute; inset: -8px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0s !important; animation: none !important; }
}