/* DOMUNEXA Related Content — single Guide card alignment */
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-featured-image { width:100% !important; aspect-ratio:16 / 9 !important; overflow:hidden !important; margin:0 0 14px !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-featured-image img { display:block !important; width:100% !important; height:100% !important; object-fit:cover !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-title { min-height:0 !important; margin:0 0 10px !important; display:block !important; -webkit-box-orient:initial !important; -webkit-line-clamp:unset !important; overflow:visible !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-excerpt { min-height:4.5em !important; margin-top:auto !important; margin-bottom:0 !important; display:-webkit-box !important; -webkit-box-orient:vertical !important; -webkit-line-clamp:3 !important; overflow:hidden !important; }
:where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-excerpt a { display:inline-block !important; margin-top:10px !important; }
@media (min-width:768px) {
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; align-items:stretch !important; gap:20px !important; width:100% !important; max-width:100% !important; overflow:visible !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template > li { display:flex !important; flex-direction:column !important; min-width:0 !important; height:100% !important; margin:0 !important; box-sizing:border-box !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-correlati-mobile-controls { display:none !important; }
}
@media (max-width:767px) {
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati { position:relative !important; width:100% !important; max-width:100% !important; overflow:visible !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; width:100% !important; max-width:100% !important; overflow-x:auto !important; overflow-y:hidden !important; gap:12px !important; margin:0 !important; padding:0 2px 12px !important; scroll-behavior:smooth !important; scroll-snap-type:x mandatory !important; -webkit-overflow-scrolling:touch !important; scrollbar-width:none !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template::-webkit-scrollbar { display:none !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template > li { flex:0 0 calc(50% - 6px) !important; width:calc(50% - 6px) !important; max-width:calc(50% - 6px) !important; min-width:calc(50% - 6px) !important; margin:0 !important; box-sizing:border-box !important; scroll-snap-align:start !important; scroll-snap-stop:always !important; display:flex !important; flex-direction:column !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template > li > * { max-width:100% !important; box-sizing:border-box !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-title { min-height:2.9em !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-title { min-height:0 !important; display:block !important; -webkit-line-clamp:unset !important; overflow:visible !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-excerpt { min-height:4.1em !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-correlati-mobile-controls { display:flex !important; justify-content:flex-end !important; align-items:center !important; gap:6px !important; margin:-4px 0 8px !important; position:relative !important; z-index:20 !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-correlati-mobile-controls button { display:flex !important; align-items:center !important; justify-content:center !important; width:34px !important; height:34px !important; padding:0 !important; border:0 !important; border-radius:50% !important; background:#111 !important; color:#fff !important; font-size:20px !important; line-height:1 !important; cursor:pointer !important; box-shadow:0 2px 6px rgba(0,0,0,.18) !important; }
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-correlati-mobile-controls button:active { transform:scale(.94) !important; }
}

@media (max-width:520px) {
 :where(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template > li { flex-basis:calc(50% - 6px) !important; width:calc(50% - 6px) !important; max-width:calc(50% - 6px) !important; min-width:calc(50% - 6px) !important; }
}

/* Homepage only. Native Query Loop lists own their scroll area from first paint;
 * no max-content track or JavaScript wrapper is required. The positioned list
 * contains absolute screen-reader labels inside its own scrollable overflow. */
@media (max-width:767px) {
 body.home .dmx-home-scroll-hint { display:block !important; margin:12px 0 8px !important; color:#1769aa !important; font-size:0.875rem !important; font-weight:600 !important; line-height:1.35 !important; text-align:right !important; }
 body.home .dmx-home-query-carousel { min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
 body.home .dmx-home-query-carousel > .wp-block-post-template {
  position:relative;
  display:flex !important; flex-flow:row nowrap !important; gap:12px !important;
  width:100% !important; max-width:100% !important; min-width:0 !important;
  box-sizing:border-box !important; margin:0 !important; padding:0 0 12px !important;
  overflow-x:auto !important; overflow-y:hidden !important;
  overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin;
 }
 body.home .dmx-home-query-carousel > .wp-block-post-template > li {
  flex:0 0 min(86%,300px) !important; width:min(86%,300px) !important;
  min-width:0 !important; max-width:min(86%,300px) !important;
  margin:0 !important; box-sizing:border-box !important; scroll-snap-align:start;
 }
 body.home .dmx-home-query-carousel > .wp-block-post-template > li > * { max-width:100% !important; box-sizing:border-box !important; }
 body.home .dmx-home-query-carousel img { -webkit-user-drag:none; }
 body.home .dmx-home-query-carousel > .wp-block-post-template:focus-visible { outline:2px solid #1769aa; outline-offset:-2px; }
}
@media (min-width:768px) {
 body.home .dmx-home-scroll-hint { display:none !important; }
}

/* High-specificity fallback: keep the native Article Query Loop horizontal
 * on mobile when the theme applies its own grid or list rules afterward. */
@media (max-width:767px) {
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template { display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; gap:12px !important; width:100% !important; max-width:none !important; overflow-x:auto !important; overflow-y:hidden !important; }
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template > li { flex:0 0 calc(50% - 6px) !important; width:calc(50% - 6px) !important; min-width:calc(50% - 6px) !important; max-width:calc(50% - 6px) !important; display:flex !important; flex-direction:column !important; box-sizing:border-box !important; }
}

/* Final mobile carousel override. It intentionally comes last so theme and
 * legacy compatibility rules cannot turn the track back into a two-column
 * or vertical layout. */
@media (max-width:767px) {
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .wp-block-post-template > li {
  flex:0 0 min(82%, 320px) !important;
  width:min(82%, 320px) !important;
  min-width:min(82%, 320px) !important;
  max-width:min(82%, 320px) !important;
 }
 body:is(.single-domunexa_guide, .single-domunexa_tool, .single-post) .domunexa-articoli-correlati .domunexa-correlati-mobile-controls button {
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  min-height:44px !important;
 }
}
