/*!
Theme Name: La Cruïlla
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cruilla
*/

/* Theme customization starts here
-------------------------------------------------------------- */

/* Transitions */
@view-transition {
    navigation: auto;  
}
/*  Kadence css “fixings” */
body {
    text-wrap: pretty;
}
/* header mobile */
.popup-drawer .drawer-content.content-align-center {
    overflow-y: auto;
    max-width: 90vh;
}
.mobile-navigation {
    max-height: 100%;
}
.kt-btn-width-type-auto {
    width: auto;
}
.kb-adv-form-message.kb-adv-form-warning {
    padding: 0.1em 1em;
}
.new-row-diferent-height .kt-inner-column-height-full:not(.kt-row-layout-row) {
    grid-auto-rows: unset;
}
@media (max-width: 1024px) {
    #block-8 figure {
        margin: 0 auto;
    }
    .kt-inner-column-height-full.kt-tab-layout-equal, .kt-inner-column-height-full:not(.kt-tab-layout-inherit):not(.kt-tab-layout-row) {
        grid-auto-rows: unset;
    }
}


/* QLC:START */

/* ==========================================================================
   Quiosc La Cruïlla — estils de marca (editorial: tinta, ocre i paper)
   ========================================================================== */
:root {
	--qlc-ink: var(--global-palette3, #111);
	--qlc-ochre: var(--global-palette2, #9C6A1C);
	--qlc-paper: var(--global-palette8, #F6F2EB);
	--qlc-rule: var(--global-palette7, #E6E0D6);
	--qlc-muted: var(--global-palette6, #6E6A64);
	--qlc-serif: "Playfair Display", Georgia, serif;
}

/* Tipografia */
.qlc-eyebrow {
	display: flex;
	align-items: center;
	gap: .75em;
	margin-bottom: 1rem;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--qlc-ochre);
}
.qlc-eyebrow::after {
	content: "";
	width: 48px;
	height: 1px;
	background: currentColor;
}
.has-text-align-center.qlc-eyebrow,
.qlc-center .qlc-eyebrow { justify-content: center; }
.qlc-hero-title {
	font-size: clamp(42px, 6.2vw, 78px);
	line-height: 1.02;
	letter-spacing: -.01em;
	margin-bottom: .35em;
}
.qlc-hero-title em,
.qlc-page-title em { font-style: italic; color: var(--qlc-ochre); }
.qlc-page-title { font-size: clamp(38px, 5vw, 64px); margin-bottom: .3em; }
.qlc-lead { font-size: 19px; line-height: 1.6; color: var(--global-palette5); max-width: 62ch; }
.qlc-center, .qlc-center .qlc-lead { text-align: center; margin-left: auto; margin-right: auto; }
.qlc-center .wp-block-buttons { justify-content: center; }

/* Hero i retrats */
.qlc-portrait img {
	width: 100%;
	box-shadow: 14px 14px 0 var(--qlc-ink);
}
.qlc-portrait { margin: 0 14px 14px 0; }

/* Franja d'avantatges */
.qlc-features { border-top: 1px solid var(--qlc-ink); border-bottom: 1px solid var(--qlc-rule); }
.qlc-feature-num {
	font-family: var(--qlc-serif);
	font-style: italic;
	font-size: 30px;
	line-height: 1;
	color: var(--qlc-ochre);
	margin-bottom: .4rem;
}
.qlc-feature-title { font-size: 20px; margin: 0 0 .35rem; }
.qlc-feature-text { font-size: 15px; color: var(--qlc-muted); margin: 0; }

/* Targetes de categoria i serveis */
.qlc-tile-img, .qlc-service-img { margin-bottom: 1rem; overflow: hidden; }
.qlc-tile-img img, .qlc-service-img img { width: 100%; transition: transform .5s ease; }
.qlc-tile-img a:hover img { transform: scale(1.04); }
.qlc-tile-title { font-size: 24px; margin: 0 0 .25rem; }
.qlc-tile-title a { color: inherit; text-decoration: none; }
.qlc-tile-title a:hover { color: var(--qlc-ochre); }
.qlc-tile-text { font-size: 15px; color: var(--qlc-muted); margin: 0; }
.qlc-rule-top .kt-inside-inner-col { border-top: 1px solid var(--qlc-ink); padding-top: 2.5rem; }

/* Bandes fosques */
.qlc-on-dark, .qlc-cta-dark h2, .qlc-cta-dark p:not(.qlc-eyebrow) { color: #fff; }
.qlc-cta-dark .qlc-eyebrow { color: #E2B66B; }
.qlc-cta-dark .wp-block-button__link { background: #fff; color: var(--qlc-ink); }
.qlc-cta-dark .wp-block-button__link:hover { background: var(--qlc-ochre); color: #fff; }
.qlc-quote {
	font-family: var(--qlc-serif);
	font-style: italic;
	font-size: clamp(26px, 3.2vw, 38px);
	line-height: 1.3;
}
.qlc-quote-author { font-size: 14px; letter-spacing: .12em; text-transform: uppercase; opacity: .75; }

/* Botons outline */
.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 1px solid var(--qlc-ink);
	color: var(--qlc-ink);
	background: transparent;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--qlc-ink); color: #fff; }

/* Contacte i mapes */
.qlc-label { font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--qlc-muted); margin: 1.6rem 0 .2rem; }
.qlc-big-link { font-family: var(--qlc-serif); font-size: 26px; margin: 0; }
.qlc-big-link a { color: var(--qlc-ink); text-decoration: none; border-bottom: 1px solid var(--qlc-ochre); }
.qlc-map { border: 1px solid var(--qlc-ink); line-height: 0; }
.qlc-map iframe { width: 100%; height: 380px; border: 0; filter: grayscale(1) contrast(1.05); }
.qlc-map-tall iframe { height: 520px; }

/* Pàgines legals */
.qlc-legal h2 { font-size: 26px; margin-top: 2rem; }
.qlc-legal h3 { font-size: 20px; margin-top: 1.6rem; }

/* ── WooCommerce ─────────────────────────────────────────────────────── */
.woocommerce ul.products li.product .woocommerce-loop-image-link img,
.woocommerce ul.products li.product a img {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background: var(--qlc-paper);
	padding: 8%;
	box-sizing: border-box;
}
.qlc-products-band .woocommerce ul.products li.product a img { background: #fff; }
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--qlc-serif);
	font-size: 18px;
	line-height: 1.3;
}
.woocommerce ul.products li.product .price { color: var(--qlc-ochre); font-weight: 600; }
.woocommerce-result-count { font-size: 14px; color: var(--qlc-muted); }
.woocommerce span.onsale { background: var(--qlc-ochre); }
.single-product div.product .product_title { font-size: clamp(30px, 3.4vw, 44px); }
.single-product div.product p.price { color: var(--qlc-ochre); font-size: 26px; }
.woocommerce div.product div.images .woocommerce-product-gallery__image img { background: var(--qlc-paper); }

/* ── Peu ─────────────────────────────────────────────────────────────── */
.site-footer .site-middle-footer-wrap,
.site-footer .site-middle-footer-wrap a:not(.button) { color: rgba(255,255,255,.78); }
.site-footer .site-middle-footer-wrap a:hover { color: #fff; }
.site-footer .site-middle-footer-wrap .widget-title,
.site-footer .site-middle-footer-wrap h2,
.site-footer .site-middle-footer-wrap h3 {
	color: #fff;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .14em;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.site-footer .site-middle-footer-wrap ul { list-style: none; margin: 0; padding: 0; }
.site-footer .site-middle-footer-wrap li { margin-bottom: .45rem; }
.site-footer .qlc-footer-logo img { max-width: 190px; }
.site-footer .site-bottom-footer-wrap,
.site-footer .site-bottom-footer-wrap a { color: rgba(255,255,255,.6); font-size: 13px; }
.site-footer .site-top-footer-wrap { border-top: 1px solid var(--qlc-rule); }
.site-footer .qlc-kit-digital { margin: 0 auto; text-align: center; }
.site-footer .qlc-kit-digital img { max-width: 900px; width: 100%; height: auto; }

/* Ajustos */
.qlc-products-band .wp-block-buttons { margin-top: 2.5rem; }
.qlc-products-band .woocommerce { margin-top: 1.5rem; }
.site-branding .site-title-wrap { display: none; }
#moove_gdpr_cookie_info_bar .mgbutton,
#moove_gdpr_cookie_modal .mgbutton { background-color: var(--qlc-ochre) !important; border-color: var(--qlc-ochre) !important; border-radius: 0 !important; }
@media (max-width: 1024px) {
	.qlc-hero-photo { margin-left: calc(var(--global-content-edge-padding) * -1); margin-right: calc(var(--global-content-edge-padding) * -1); }
}
@media (max-width: 600px) {
	.qlc-eyebrow::after { display: none; }
	.qlc-portrait img { box-shadow: 8px 8px 0 var(--qlc-ink); }
}
.qlc-center h1, .qlc-center h2, .qlc-center h3, .qlc-center p { text-align: center; }

/* Selector d'idioma a la barra superior */
.site-top-header-wrap .site-container { position: relative; }
.cruilla-langs {
	position: absolute;
	right: var(--global-content-edge-padding, 1.5rem);
	top: 50%;
	transform: translateY(-50%);
	display: inline-flex;
	gap: .45em;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .1em;
}
.cruilla-langs a { color: rgba(255,255,255,.65); text-decoration: none; }
.cruilla-langs a:hover { color: #fff; }
.cruilla-langs .is-active { color: #E2B66B; }
.cruilla-langs .sep { opacity: .4; }

/* Enllaços grans (contacte) en mòbil */
@media (max-width: 600px) {
	.qlc-big-link { font-size: 20px; overflow-wrap: anywhere; }
}

/* QLC:END */