/* Override media queries para canpicafort. Las media queries del diseño base están en resources/v1/css/media.css. */

/* Home — espai slider de poblacions → vídeo destacat. Veure override.css:
   replica el padding-bottom responsiu de .hm-picafort-sec (media.css) com a
   margin-bottom del bloc del slider, ja que al port són blocs flexibles solts. */
@media screen and (min-width:1367px) and (max-width:1500px) {
	.coniex-slider-div { margin-bottom: 200px; }
}
@media screen and (min-width:1280px) and (max-width:1366px) {
	.coniex-slider-div { margin-bottom: 175px; }
}
@media screen and (min-width:1024px) and (max-width:1279px) {
	.coniex-slider-div { margin-bottom: 135px; }
	body #wp_access_helper_container button.aicon_link { right: 200px !important; }
	.platges-dist-sec { padding: 65px 0px 80px; }
}
@media screen and (min-width:768px) and (max-width:1023px) {
	.coniex-slider-div { margin-bottom: 90px; }
	.cf-intro3col .i3c-img { max-width: 120px; }
}
@media screen and (max-width:767px) {
	.coniex-slider-div { margin-bottom: 50px; }
}

/* SMCP-36 — Bloc "Introducció 3 columnes" responsive: les 3 columnes s'apilen
   (títol → text → collage). El collage deixa el posicionament absolut i passa
   a graella fluida per no desmuntar-se en amplades estretes. */
@media screen and (max-width:1023px) {
	.cf-intro3col { padding: 45px 0; }
	.cf-intro3col .i3c-grid { flex-direction: column; gap: 32px; }
	.cf-intro3col .i3c-title,
	.cf-intro3col .i3c-text,
	.cf-intro3col .i3c-collage { flex: 1 1 100%; max-width: 100%; }
	.cf-intro3col .i3c-title h2 { font-size: 28px; line-height: 36px; }
	/* Collage → graella fluida (fora el posicionament absolut) */
	.cf-intro3col .i3c-collage { min-height: 0; display: flex; flex-wrap: wrap; gap: 14px; }
	.cf-intro3col .i3c-img { position: static; top: auto; left: auto; right: auto; flex: 1 1 calc(50% - 7px); width: auto; aspect-ratio: 4 / 3; }
}
@media screen and (max-width:767px) {
	.cf-intro3col .i3c-img { flex-basis: 100%; }
	a.blue-btn { width: auto; font-size: 13px; margin-bottom: 10px; flex-direction: column; }
	.home .title-sec h2 { font-size: 25px; }
	.news-lft h2 { font-size: 20px !important; }
	.news-lft { margin-bottom: 15px; }
	ul.ft-logo-lst { justify-content: center; }
	
	/* Botons flotants */
	#mwai-chatbot-default, .mwai-timeless-theme.mwai-window { right: 0px !important; bottom: 0px !important; }
	.mwai-timeless-theme.mwai-animation-zoom.mwai-window.mwai-bottom-right .mwai-trigger { bottom: calc(28px + env(safe-area-inset-bottom, 0)) !important; right: 14px !important; left: auto !important; top: auto !important; }
	.mwai-timeless-theme.mwai-animation-zoom.mwai-window.mwai-open .mwai-window-box { top: 15px; left: 15px; }
	.cky-revisit-bottom-left { bottom: 67px !important; left: 10px !important; }
	.cky-btn-revisit-wrapper { width: 48px !important; height: 48px !important; }
	.whatsapp-float { right: 10px; bottom: 66px; width: 48px; height: 48; }
    .whatsapp-float img { width: 21px; height: 21px; }
    .whatsapp-tooltip {display: none;}
    body #wp_access_helper_container button.aicon_link { right: 200px !important; }

    /* Mapes home */
    .home .coniex-lft {flex: 0 1 45%; margin-left: 3%; }
    .home .coniex-rgt { flex: 0 1 45%; }

    /* Textos i marges home */
    .home .coniex-mid p { margin-bottom: 15px; }
    .home .hm-platjes-sec { padding-top: 150px; }
    .home .hm-platjes-sec .title-sec { margin-bottom: 0px; }
    .hm-planificia .planificia-cta { margin-top: 35px; }
    .cards-quefer.estil-icones .grid .card .icona img { max-width: 30px; height: 30px; }
    .cards-quefer.estil-icones .grid .card .icona { margin-bottom: 10px; }
    .cards-quefer.estil-icones .grid .card .content h2,
    .cards-quefer.estil-icones .grid .card .content .card-titol { margin: 0 0 2px; }
    .cards-quefer.estil-icones .grid { gap: 15px; }
    .cards-quefer.estil-icones .grid .card .content .subtitol { line-height: 20px; }
    .siguenos-sec.title-sec p { margin-bottom: 0px; }
    .home .hm-picafort-sec { padding: 50px 0px 0px 0px; }
    .slider .swiper-slide .banner-cnt { top: 33%; }
    .home .hm-quefer { margin-bottom: 30px; }
	.home .coniex-out { row-gap: 25px; }
	.home .coniex-slider-div { margin-bottom: 60px; }
	.home .hm-quefer#section05 { margin-bottom: 60px; }
	.siguenos-inst ul > li { border-radius: 15px; flex: 0 1 23.5%; }
	
	/* Footer */
	.foot-top { padding: 15px 15px !important; }
	.news-rht .frm-input.checkbox label { font-size: 10px; }	
	.siguenos-sec { padding: 65px 0px 70px; }
	.share-links { padding-top: 25px; }
	ul.ft-logo-lst li img { max-width: 100px; }
	.foot-btm { row-gap: 5px; }
	.foot-btm-rht ul li a { font-size: 10px; }
	.foot-btm-rht ul { column-gap: 10px; }
	.foot-btm p { font-size: 12px; }
	.foot-mid-btm ul.foot-menu li ul { row-gap: 4px; }
	.foot-mid-btm ul.foot-menu li ul li a { font-size: 12px; 	}
	.foot-mid-lst { padding: 15px 0px; }
	.foot-mid-top { flex-wrap: nowrap; column-gap: 15px; }
	ul.social-list { column-gap: 8px; row-gap: 8px; }
    .foot-mid-btm { padding: 25px 0px 25px; }
    .foot-mid-top { padding: 25px 0px; }
	
    /* Cards home */
    .home .grid .card, .page-template-que-fer .grid .card { flex: 0 1 100%; height: 120px; }
    .home .platjes, .page-template-que-fer .platjes, .espais, .art, .elements, .fires, .gastronomia, .esports, .rutes { min-height: 120px; }
    
    /* Botons */
    .coniex-mid a.blue-btn { width: auto; }
    a.blue-btn { width: auto; font-size: 12px; padding: 10px 20px; }
    
    /* Menu mobil */    
    .mobile-menu .accordionjs .acc_section ul.demo-accordion ul.demo-accordion .acc_section .acc_head { font-family: 'LEMONMILK-Regular'; color: #182A3F; }
    .mobile-menu .accordionjs .acc_section ul.demo-accordion ul.demo-accordion .acc_section .acc_head:hover { color: #CE003A; }    
	.mobile-menu .accordionjs .acc_section .active.acc_head, .mobile-menu .accordionjs .acc_section .acc_content ul li a.active { font-family: 'LEMONMILK-Medium'!important; }
	.mobile-menu-out { position: relative; }
	.mobile-menu .mobile-info-btm { position: absolute; bottom: 4% !important; }
	.search-in { margin-top: 50%; }

    /* Breadcrumb */	
	.inner-banner .breadcrum { top: 14%; }
	.breadcrum ul li, .breadcrum ul li a { font-size: 13px; }
	.breadcrum ul li { margin-right: 10px; }
	
	/* Rutes */	
	.rutes-title-sec { padding: 40px 0 0px; }

	/* Esports */	
	.esports .hm-contingut-lliure .contingut-lliure-inner h3 { font-size: 19px; }
	.esports .hm-contingut-lliure .contingut-lliure-inner img { max-width: 150px; margin-top: 0px !important; padding-right: 20px; }
	.esports .inner-banner.page-banner.cap-color-blau_fosc { margin-bottom: 0px; 	}

	/* Experiencies */	
	.cf-intro3col .i3c-img { max-width: 47%; }

	/* Platges */	
	.single-platja .espais-single-main { margin-left: 0%; margin-right: 0%; width: 100%; }
	.single-platja .plat-det-slide .swiper-slide { width: 35% !important; }

	/* Rutes */		
	.single-ruta .in-ban-lft h1 { font-size: 35px; }
	
	/* Banner home */		
	.home .hm-contingut-lliure { padding: 0px 0; }

	/* Chatbot */		
	.mwai-timeless-theme.mwai-animation-zoom.mwai-window .mwai-trigger .mwai-icon-container { bottom: -8px !important; }
}
/* ACCESIBILIDAD START */
@media screen and (min-width:1024px) and (max-width:1279px) {
	.agenda-main .agenda-txt span.date { font-size: 16px; }
	.espais-single-lft .agenda-data { margin-bottom: 15px; }
	.visita-main .visita-txt .visita-titol { font-size: 20px; }
	.content .card-titol { font-size: 28px; }
	.plat-det-main .plat-det-txt .plat-det-titol { font-size: 16px; }
}
@media screen and (min-width:768px) and (max-width:1023px) {
	.agenda-main .agenda-txt span.date { font-size: 15px; }
	.espais-main .espais-txt span.date { font-size: 15px; }
	.espais-single-lft .agenda-data { font-size: 16px; margin-bottom: 15px; }
	.som-irati-btm .som-destacat { font-size: 18px; }
	.visita-main .visita-txt .visita-titol { font-size: 18px; }
	.plat-top-lft .plat-intro { font-size: 20px; }
	.inner-title-sec .inner-intro { font-size: 18px; }
	.content .card-titol { font-size: 24px; }
	.plat-det-main .plat-det-txt .plat-det-titol { font-size: 17px; }
	.sabies-rgt .sabies-text { font-size: 20px; }
	.inner-banner1 .in-ban-lft .ban-avanttitol, .inner-banner2 .in-ban-lft .ban-avanttitol { font-size: 18px; }
	.destinacio-cont .intro { font-size: 18px; line-height: 1.5; margin-bottom: 25px; }
	.turistica-cont .intro { font-size: 18px; margin-bottom: 20px; }
}
@media screen and (max-width:767px) {
	.agenda-main .agenda-txt span.date { font-size: 14px; }
	.espais-main .espais-txt span.date { font-size: 15px; }
	.espais-single-lft .agenda-data { font-size: 15px; margin-bottom: 12px; }
	.espais-single-lft .esp-destacat { font-size: 18px; margin-bottom: 12px; }
	.visita-main .visita-txt .visita-titol { font-size: 18px; }
	.plat-top-lft .plat-intro { font-size: 18px; }
	.inner-title-sec .inner-intro { font-size: 16px; }
	.search-results .search-lst-sec h2.search-count { font-size: 15px; }
	.som-irati-btm .som-destacat { font-size: 17px; margin-bottom: 20px; }
	.allot-main .allot-txt span.loc { font-size: 15px; }
	.search-results .search-lst-sec ul li .arbol-cnt .arbol-cat { font-size: 11px; line-height: 16px; }
	.search-results .search-lst-sec ul li .arbol-cnt h3.arbol-titol { line-height: 24px; }
	.content .card-titol { font-size: 22px; }
	.plat-det-main .plat-det-txt .plat-det-titol { font-size: 17px; }
	.sabies-rgt .sabies-text { font-size: 18px; }
	.inner-banner1 .in-ban-lft .ban-avanttitol, .inner-banner2 .in-ban-lft .ban-avanttitol { font-size: 16px; margin-bottom: 12px; letter-spacing: 0px; }
	.esports .hm-contingut-lliure .contingut-lliure-inner .titol-petit, .esports .hm-contingut-lliure .contingut-lliure-inner .intro { font-size: 19px; }
	.destinacio-cont .intro { font-size: 17px; line-height: 1.5; margin-bottom: 25px; }
	.turistica-cont .intro { font-size: 17px; margin-bottom: 20px; }
	.esp-lft-cont .esp-descripcio, .esp-lft-cont.contingut .esp-descripcio { font-size: 18px; letter-spacing: 0px; margin-bottom: 18px; }
	.espais-single-rgt h2 { font-size: 22px; }
}
@media screen and (max-width:479px) {
	.inner-banner1 .in-ban-lft .ban-avanttitol, .inner-banner2 .in-ban-lft .ban-avanttitol { font-size: 15px; }
}
/* ACCESIBILIDAD END */

/* LLISTA DESTACATS START */
@media screen and (max-width:767px) {
	.cf-destacats-graella .dist-list-out + ul.platges-lst { margin-top: 25px; }
}
@media screen and (max-width:479px) {
	.cf-destacats-graella .dist-list-lft { order: 0; }
}
/* LLISTA DESTACATS END */

/* LLISTAT PLATGES START */
@media screen and (max-width:1023px) {
	.esp-filter-out + .platges-dist-list { margin-top: 35px; }
}
/* LLISTAT PLATGES END */

/* FITXA PLATJA START */
@media screen and (max-width:1023px) {
	.platja-info { margin-bottom: 50px; }
	.platja-info-cont { column-gap: 40px; }
}
@media screen and (max-width:767px) {
	.post-platja .plat-det-slide .swiper-wrapper { justify-content: flex-start; }
	.platja-info { margin-bottom: 35px; }
	.platja-info-cont { grid-template-columns: 1fr; row-gap: 35px; }
	.platja-info .platja-info-titol { font-size: 17px; }
	.platja-info-text p, .platja-horaris { font-size: 15px; }
	.platja-horaris { column-gap: 20px; }
}
/* FITXA PLATJA END */