/**
 * wideum-shop-blocks.css
 *
 * Blocs B2B i de producte emesos des de PHP (shortcodes i plantilles del
 * plugin). Fins a la F2 aquest CSS s'imprimia com a <style> inline dins del
 * cos de cada shortcode (6 blocs, amb `static $css_done` per no repetir-lo);
 * ara viu aquí, es cacheja i es versiona per filemtime.
 *
 * Origen:
 *   .wksts__*       includes/shop-b2b-blocks.php   (<style id="wshop-kits-strip-css">)
 *   .wbvp*          includes/shop-b2b-blocks.php   (<style id="wshop-bvp-css">)
 *   .wfleet*        includes/shop-b2b-blocks.php   (<style id="wshop-fleet-css">)
 *   .wtrust*        includes/shop-trust-bar.php    (<style id="wtrust-css">)
 *   .wpdp-*         includes/shop-product-blocks.php (<style id="wpdp-inline-css">)
 *   .wloop-band*    includes/shop-product-blocks.php (<style id="wloop-band-css">)
 *
 * Les regles es conserven byte a byte (mateixos selectors, mateixos valors);
 * només s'hi han substituït les variables PHP $navy/$turq pels seus literals
 * (#00175C / #4ADBC4).
 */

/* ==========================================================================
 * 1. Kits strip — [wshop_kits_strip]           (wshop-kits-strip-css)
 * ========================================================================== */

.wksts{width:100%;}
.wksts__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.wksts__card{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 24px;background:#fff;border:1px solid #e5e8ef;border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;}
.wksts__card:hover{border-color:#1ca3b5;box-shadow:0 10px 28px rgba(0,23,92,.09);transform:translateY(-2px);}
.wksts__card--hot{border-color:#4adbc4;box-shadow:0 10px 28px rgba(74,219,196,.16);}
.wksts__eyebrow{margin-bottom:8px;color:#1ca3b5;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;}
.wksts__name{margin:0 0 8px;color:#00175c;font-size:20px;font-weight:700;}
.wksts__text{margin:0 0 14px;color:#33415c;font-size:14px;line-height:1.55;}
.wksts__price{margin-bottom:10px;color:#00175c;font-size:22px;font-weight:700;}
.wksts__price del{color:#8b94a8;font-size:15px;font-weight:600;margin-right:8px;}
.wksts__price ins{text-decoration:none;}
.wksts-from{font-size:20px;}
.wksts__chip{align-self:flex-start;margin-bottom:16px;padding:5px 11px;background:#eefbf8;color:#118a77;border-radius:999px;font-size:12.5px;font-weight:700;}
.wksts__cta{margin-top:auto;display:block;padding:12px 20px;background:#00175c;color:#fff!important;border-radius:10px;font-size:15px;font-weight:700;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease;}
.wksts__cta:hover{background:#4adbc4;color:#00175c!important;}
.wksts__all{display:block;margin-top:18px;text-align:center;color:#1ca3b5;font-weight:700;text-decoration:none;}
@media(max-width:1024px){.wksts__grid{grid-template-columns:1fr;max-width:520px;margin:0 auto;}}

/* ==========================================================================
 * 2. Buy vs PoC — [wshop_buy_vs_poc]                    (wshop-bvp-css)
 * ========================================================================== */

.wbvp{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%;}
.wbvp__card{display:flex;flex-direction:column;min-width:0;padding:30px 28px;background:#fff;border:1px solid #e5e8ef;border-radius:12px;}
.wbvp__card--poc{border-color:#4adbc4;background:linear-gradient(180deg,rgba(74,219,196,.07),rgba(74,219,196,0) 55%),#fff;}
.wbvp__badge{align-self:flex-start;margin-bottom:12px;padding:4px 11px;background:#4adbc4;color:#00175c;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.wbvp__title{margin:0 0 12px;color:#00175c;font-size:22px;font-weight:700;}
.wbvp ul{list-style:none;margin:0 0 22px;padding:0;}
.wbvp li{list-style:none;position:relative;margin-bottom:9px;padding-left:24px;color:#33415c;font-size:14.5px;line-height:1.5;}
.wbvp li::before{content:"\2713";position:absolute;left:0;top:0;color:#1ca3b5;font-weight:800;}
.wbvp__cta{margin-top:auto;display:block;padding:13px 22px;border-radius:10px;font-size:15px;font-weight:700;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease;}
.wbvp__cta--solid{background:#00175c;color:#fff!important;}
.wbvp__cta--solid:hover{background:#4adbc4;color:#00175c!important;}
.wbvp__cta--mint{background:#4adbc4;color:#00175c!important;}
.wbvp__cta--mint:hover{background:#00175c;color:#fff!important;}
@media(max-width:900px){.wbvp{grid-template-columns:1fr;}}

/* ==========================================================================
 * 3. Fleet care — [wshop_fleet_care]                  (wshop-fleet-css)
 * ========================================================================== */

.wfleet{width:100%;padding:22px 26px;background:#f7f8fa;border:1px solid #e5e8ef;border-radius:12px;}
.wfleet__title{margin:0 0 14px;color:#00175c;font-size:16px;font-weight:700;}
.wfleet__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.wfleet__item{min-width:0;}
.wfleet__item b{display:block;margin-bottom:3px;color:#00175c;font-size:14px;font-weight:700;}
.wfleet__item span{color:#53617c;font-size:13px;line-height:1.5;}
@media(max-width:767px){.wfleet__grid{grid-template-columns:1fr;gap:12px;}}

/* ==========================================================================
 * 4. Trust bar — [wshop_trust_bar]                        (wtrust-css)
 * ========================================================================== */

.wtrust{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 32px;}
.wtrust-item{display:flex;align-items:center;gap:12px;min-width:0;}
.wtrust-ico{flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#F7F8FA;display:inline-flex;align-items:center;justify-content:center;}
.wtrust-ico-img{width:26px;height:26px;object-fit:contain;display:block;} .wtrust-ico svg{width:24px;height:24px;display:block;}
.wtrust-txt{font-size:14px;font-weight:500;color:#00175C;line-height:1.35;}
/* Graella fixa de 2 columnes (columnes estretes: buybox del PDP). */
.wtrust--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;justify-items:start;}
/* Responsive: la fila passa a graella de 2 columnes en mòbil. */
@media (max-width:767px){
.wtrust--row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;justify-items:start;}
.wtrust-ico{flex-basis:40px;width:40px;height:40px;}
.wtrust-ico svg{width:20px;height:20px;}
}

/* ==========================================================================
 * 5. Blocs de la fitxa de producte (.wpdp-*)          (wpdp-inline-css)
 * ========================================================================== */

/* tagline */
.wpdp-tagline{margin:0;font-size:17px;line-height:1.45;color:#00175C;opacity:.75;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
@media(max-width:767px){.wpdp-tagline{font-size:16px;}}
/* highlights: xips */
.wpdp-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.wpdp-chip{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #E5E8EF;border-radius:10px;padding:12px 14px;min-width:0;}
.wpdp-chip__icon{flex:0 0 auto;display:flex;color:#00175C;}
.wpdp-chip__icon svg{width:22px;height:22px;display:block;}
.wpdp-chip__body{display:flex;flex-direction:column;gap:1px;min-width:0;}
.wpdp-chip__label{font-size:12px;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;color:#8A93A6;}
.wpdp-chip__value{font-size:15px;line-height:1.3;font-weight:700;color:#00175C;overflow-wrap:anywhere;}
@media(max-width:1024px){.wpdp-highlights{grid-template-columns:repeat(2,minmax(0,1fr));}}
/* highlights compact (2x2 dins la buy-box del hero) */
.wpdp-highlights--compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.wpdp-highlights--compact .wpdp-chip{padding:9px 11px;gap:9px;}
.wpdp-highlights--compact .wpdp-chip__icon svg{width:20px;height:20px;}
.wpdp-highlights--compact .wpdp-chip__label{font-size:11px;}
.wpdp-highlights--compact .wpdp-chip__value{font-size:14px;}
/* acordió details/summary (specs + faq) — summary segons .faqs__question-title */
.wpdp-acc{border-bottom:1px solid rgba(0,23,92,.25);}
.wpdp-acc__summary{position:relative;list-style:none;cursor:pointer;padding:18px 45px 18px 0;font-size:16px;line-height:22px;font-weight:500;color:#00175C;transition:color .2s ease-in-out;}
.wpdp-acc__summary::-webkit-details-marker{display:none;}
.wpdp-acc__summary::after{content:"";position:absolute;right:15px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid #00175C;border-bottom:2px solid #00175C;transform:rotate(45deg);transition:transform .2s ease-in-out,border-color .2s ease-in-out;}
.wpdp-acc[open]>.wpdp-acc__summary{color:#4ADBC4;}
.wpdp-acc[open]>.wpdp-acc__summary::after{transform:rotate(225deg);margin-top:-2px;border-color:#4ADBC4;}
.wpdp-acc__panel{padding:0 0 20px;}
/* taula neta 2 columnes, files alternes */
.wpdp-table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;}
.wpdp-table th,.wpdp-table td{padding:10px 14px;border:0;text-align:left;vertical-align:top;}
.wpdp-table th{width:38%;font-weight:600;color:#00175C;}
.wpdp-table td{color:#333;}
.wpdp-table tr:nth-child(even) th,.wpdp-table tr:nth-child(even) td{background:#F7F8FA;}
/* box: card grisa + xips amb check */
.wpdp-box{background:#F7F8FA;border-radius:10px;padding:22px 24px;}
.wpdp-box__title{margin:0 0 14px;font-size:20px;line-height:1.3;font-weight:700;color:#00175C;}
.wpdp-box__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.wpdp-box__item{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #E5E8EF;border-radius:8px;padding:8px 12px;font-size:14px;line-height:1.35;color:#00175C;font-weight:500;}
.wpdp-box__check{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#E6F9F3;color:#0FA98A;}
.wpdp-box__check svg{width:11px;height:11px;}
/* box compact (dins la buy-box del hero) */
.wpdp-box--compact{padding:14px 16px;}
.wpdp-box--compact .wpdp-box__title{font-size:13px;margin-bottom:10px;letter-spacing:.02em;}
.wpdp-box--compact .wpdp-box__list{gap:7px;}
.wpdp-box--compact .wpdp-box__item{padding:5px 9px;font-size:12.5px;border-radius:7px;gap:6px;}
.wpdp-box--compact .wpdp-box__check{width:15px;height:15px;}
.wpdp-box--compact .wpdp-box__check svg{width:9px;height:9px;}
/* faq: pregunta navy 700 16, resposta 14 .8 en panell suau (estètica faqs) */
.wpdp-faq__q{font-weight:700;}
.wpdp-faq__a{margin:0 0 20px;background:#F4FAFB;border-radius:8px;padding:20px;font-size:14px;line-height:20px;color:#00175C;opacity:.8;}
.wpdp-faq__a p{margin:0 0 10px;font-size:14px;line-height:20px;}
.wpdp-faq__a p:last-child{margin-bottom:0;}
/* badge oficial de partner del fabricant (sota el títol del hero) */
.wpdp-brand-badge{display:flex;justify-content:flex-start;}
.wpdp-brand-badge img{height:30px;width:auto;display:block;}
/* vídeos: graella 2 col, iframes 16:9 radius 10, títol 14px navy */
.wpdp-videos__title{margin:0 0 22px;font-size:28px;line-height:1.25;font-weight:700;color:#00175C;}
.wpdp-videos__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;gap:22px;}
@media(max-width:767px){.wpdp-videos__grid{grid-template-columns:minmax(0,1fr);}}
.wpdp-video__frame{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0B1B3F;}
.wpdp-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;}
.wpdp-video__label{margin-top:9px;font-size:14px;line-height:1.4;font-weight:600;color:#00175C;}
/* col·lapsa widgets shortcode buits dins la buy-box (que no deixin forat de gap) */
.wshop-pdp-buybox .elementor-widget-shortcode:has(.elementor-shortcode:empty){display:none;}

/* ==========================================================================
 * 6. Banda de marca de la card del loop (.wloop-band)  (wloop-band-css)
 * ========================================================================== */

.wloop-band{display:flex;justify-content:center;align-items:center;border-radius:10px;padding:12px 15px;min-height:46px;}
.wloop-band img{max-height:22px;width:auto;filter:brightness(0) invert(1);}
.wloop-band--suite{background:#00175C;}
.wloop-band__txt{color:#fff;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;}
.wloop-band--product{background:#fff;border:1px solid #E5E8EF;}
.wloop-band--product img{filter:none;max-height:26px;}

/* ---- Footer banner (widget wideum-footer-banner) dins de pàgines Woo ----
   1) WooCommerce 9 pinta `a.button` amb --wc-secondary (#E9E6ED) i una
      especificitat superior a la del .button del tema: restaurem el botó
      canònic turquesa dins del banner.
   2) El Kit global emet `.elementor-kit-4 h2{color:#00175C}` (0,1,1) i
      guanyava el blanc del títol (0,1,0): reforcem el selector canònic. */
.footer-banner__box .footer-banner__title {
	color: var(--white, #fff);
}
.woocommerce .footer-banner__buttons-container a.button,
.footer-banner__buttons-container a.button {
	background-color: var(--turquoise, #4adbc4);
	color: var(--white, #fff);
}
.woocommerce .footer-banner__buttons-container a.button:hover,
.footer-banner__buttons-container a.button:hover {
	background-color: #6ee2d0;
	color: var(--white, #fff);
}
.woocommerce .footer-banner__buttons-container a.button.button--transparent,
.footer-banner__buttons-container a.button.button--transparent {
	background-color: transparent;
	border: 2px solid var(--turquoise, #4adbc4);
	padding: 11px 24px;
	color: var(--turquoise, #4adbc4);
}
.woocommerce .footer-banner__buttons-container a.button.button--transparent:hover,
.footer-banner__buttons-container a.button.button--transparent:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

/* ---- Botó de case-studies dins de pàgines Woo (mateix bug que el
   footer-banner: --wc-secondary #E9E6ED amb text blanc, contrast 1.1:1). */
.woocommerce .case-studies__button.button,
.case-studies__button.button {
	background-color: var(--turquoise, #4adbc4);
	color: var(--white, #fff);
}
.woocommerce .case-studies__button.button:hover,
.case-studies__button.button:hover {
	background-color: #6ee2d0;
	color: var(--white, #fff);
}

/* Banda navy Kit/Suite amb logo blanc (mateix invert que les bandes de marca) */
.wloop-band--suite img {
	max-height: 20px;
	width: auto;
	filter: brightness(0) invert(1);
}
.wloop-band--suite {
	gap: 8px;
}