/*
Theme Name:   North Theme
Description:  North is a child theme of Twenty Twenty-Five designed to deliver a visually advanced and seamless site-building experience. Built exclusively for Ensoul clients, North extends the WordPress Site Editor with pre-built layouts, custom patterns, and a consistent, modular Tailwind-based design system. Ideal for corporate websites, portfolios, landing pages, and editorial projects, North combines creative flexibility with structural solidity while maintaining full compatibility with the parent theme and its support for international typography, accessibility, and advanced customization.
Tags: Tailwind, Accessibility, Custom Menu, Custom Logo, Editor Style, Featured Images, Site Editor, Block Editor Patterns, Wide Blocks, Block Editor Styles, Style Variations, Accessible, Blog, Portfolio, Corporate, Blocks
Author:       Ensoul
Template:     twentytwentyfive
Version:      1.0.3
Text Domain:  twentytwentyfivechild
*/

body {
  overflow-x: hidden;
}

/* 1. Rimuovi decorazione sul link */
a.ensoul-group,
.acfvg-stream-card-link {
  text-decoration: none;
}

/* 2. La transizione va sul <p>, non sull'<a> */
a.ensoul-group p {
  transition: color 0.3s ease-out;
}

/* 3. L'hover va sull'<a>, ma il colore si applica ai <p> figli */
a.ensoul-group:hover p {
  color: #efb32c !important;
}

/* Breadcrumb: paragrafo con classe .breadcrumb -> stile coerente coi
   breadcrumb hardcoded del catalogo (.acfvg-detail-breadcrumb). */
p.breadcrumb {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-size: 1rem;
  color: #888;
}
p.breadcrumb a {
  color: #111;
  font-weight: 700;
  text-decoration: none;
}
p.breadcrumb a:hover {
  text-decoration: underline;
}
p.breadcrumb .breadcrumb-sep {
  margin: 0 0.4em;
  color: #aaa;
}
p.breadcrumb .breadcrumb-current {
  color: #888;
}

#inactivity_message {
  display: flex;
  align-items: center;
  justify-content: center;
  background: black;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  color: #999;
  padding: 0 2rem;
  text-align: center;
}

.sticky {
  position: sticky;
  top: 20px;
}

.loop-home-post .is-layout-grid {
  gap: 2rem;
}

/* A11y: focus indicator visibile sulla navigazione da tastiera.
   Sovrascrive il `:where(...) outline: none !important` in
   ensoul-blocks-variables.css, che azzerava l'outline anche da tastiera. */
:focus-visible {
  outline: 2px solid var(--color-primary-500, #e8a200) !important;
  outline-offset: 2px !important;
}

/* Content slider: pagination bullets a forma di triangolo */
.content-slider .swiper-pagination-bullet {
  background: #fff;
  border-radius: 0;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  opacity: 1;
}
.content-slider .swiper-pagination-bullet-active,
.content-slider .swiper-pagination-bullet-active-main {
  background: var(--swiper-theme-color, var(--color-primary-500));
}

/* Content slider: nascondi la freccia custom (cursor-replacement) quando
   il puntatore è su un link o bottone, così non appare insieme alla manina. */
.content-slider:has(a:hover, button:hover) .navigation-arrow {
  opacity: 0 !important;
}