/*
 * Costa dei Borghi — Responsive Styles
 * Approccio: desktop-first (max-width)
 *
 * Breakpoints (dal più grande al più piccolo):
 *   1280px  → desktop standard
 *   1024px  → tablet landscape / laptop piccolo
 *    912px  → Surface Pro / tablet grande
 *    768px  → tablet portrait / iPad
 *    540px  → phone grande / landscape
 *    430px  → iPhone 15 Plus
 *    390px  → iPhone 14/15
 *    360px  → Android piccolo
 */


/* ============================================================
   BASE DESKTOP (default — nessuna media query)
   ============================================================ */



/* ============================================================
   MAX 1280px  (desktop standard)
   ============================================================ */
@media (max-width: 1280px) {



}


/* ============================================================
   MAX 1024px  (tablet landscape / laptop)
   ============================================================ */
@media (max-width: 1024px) {



}


/* ============================================================
   MAX 912px  (Surface Pro / tablet grande)
   ============================================================ */
@media (max-width: 912px) {

.mainTitleWebsite.extrabigger {
    font-size: 5rem;
    line-height: 5rem;
}

}


/* ============================================================
   MAX 820px  (iPad Air)
   ============================================================ */
@media (max-width: 820px) {

.mainTitleWebsite.extrabigger {
    font-size: 4rem;
    line-height: 4rem;
}


}


/* ============================================================
   MAX 768px  (tablet portrait / iPad)
   ============================================================ */
@media (max-width: 768px) {

.mainTitleWebsite.extrabigger {
    font-size: 3.6rem;
    line-height: 3.6rem;
}

.mainTextWebsite.bigger {
    font-size: 1.2rem;
    line-height: 1.7rem;
}

}


/* ============================================================
   MAX 540px  (phone grande / landscape)
   ============================================================ */
@media (max-width: 540px) {

.itemSliderBorgo {
    padding: 25px 30px !important;
    min-height: 89vh !important;
}
.itemSliderEvent {
    padding: 25px 30px 60px !important;
}
.elementor-element.elementor-element-5e6ac32 {
    left: 0px !important;
}


}


/* ============================================================
   MAX 430px  (iPhone 15 Plus)
   ============================================================ */
@media (max-width: 430px) {

html, body {
    overflow-x: hidden;
}

.mainTitleWebsite.bigger {
    font-size: 4rem;
    line-height: 4rem;
}

.elementor-element.elementor-element-d0e6501 {
    padding-left: 30px;
}

.mainTitleWebsite {
    font-size: 3rem;
    line-height: 3rem;
}

.elementor-element.elementor-element-d914ee4 {
    --margin-top: 60px !important;
}

.elementor-element.elementor-element-8d3f6f3 {
    --margin-top: 60px !important;
}

.elementor-element.elementor-element-3f7cc27,
.elementor-element.elementor-element-5606e91,
.elementor-element.elementor-element-05cec3d {
    --margin-top: 60px !important;
    --margin-left: 0px !important;
    --margin-right: 0px !important;
}

.elementor-element-d99bdb7 {
     --margin-top: 0px !important;
     --margin-bottom: 60px !important;
    --margin-left: 0px !important;
    --margin-right: 0px !important;
}

.mainTitleWebsite.medium {
    font-size: 2.4rem;
    line-height: 2.4rem;
}

.mainTextWebsite {
    font-size: 1.1rem;
    line-height: 1.5rem;
}
button .jef4wishlist-label {
    font-size: 10px;
}

.elementor-element.elementor-element-3b658bd5 {
    min-height: 80vh;
}

.sliderPosts .itemSlider {
    height: 440px;
}

.mainTitleWebsite.smaller {
    font-size: 2rem;
    line-height: 2rem;
}

.elementor-widget-sliderevents_widget_wpjef .mainTitleWebsite.medium {
        font-size: 2rem;
        line-height: 2rem;
}

.sliderEventsWrapper .owl-dots {
    bottom: 5px !important;
}

.mainButtonWebsite.bigger {
    font-size: 16px;
}

}

/* ============================================================
   MAX 414px  (iPhone 8 Plus / iPhone XR)
   ============================================================ */
@media (max-width: 414px) {

.mainTitleWebsite.extrabigger {
    font-size: 3rem;
    line-height: 3rem;
}

.labelInfoWebsite {
    font-size: 10px;
}

}


/* ============================================================
   MAX 390px  (iPhone 14/15)
   ============================================================ */
@media (max-width: 390px) {

.mainTitleWebsite.bigger {
    font-size: 3rem;
    line-height: 3rem;
}

.mainTitleWebsite {
    font-size: 2.4rem;
    line-height: 2.4rem;
}

.sliderPostsInfo .infoSlides {
     padding: 10px 7px !important;
}

.elementor-element.elementor-element-3f7cc27,
.elementor-element.elementor-element-5606e91,
.elementor-element.elementor-element-05cec3d {
    --margin-top: 30px !important;
    --margin-left: 0px !important;
    --margin-right: 0px !important;
}

.mainTitleWebsite.smaller {
    font-size: 1.6rem;
    line-height: 1.6rem;
}

}


/* ============================================================
   MAX 360px  (Android piccolo)
   ============================================================ */
@media (max-width: 375px) {

.mainButtonWebsite.bigger {
    font-size: 14px;
}

}