<?php
/*
Template Name: Homepage Personalizzata
*/
get_header();

/**
 * CRMI Homepage 2026
 * Homepage editoriale, orientata a STYLUS, attività CRMI e media partnership.
 */

if (!function_exists('crmi_home_find_page_url')) {
  function crmi_home_find_page_url(array $slugs, $fallback = '/') {
    foreach ($slugs as $slug) {
      $page = get_page_by_path($slug);
      if ($page) {
        return get_permalink($page);
      }
    }
    return home_url($fallback);
  }
}

if (!function_exists('crmi_home_scan_partner_logos')) {
  function crmi_home_scan_partner_logos() {
    $extensions = ['svg','png','jpg','jpeg','webp','gif','SVG','PNG','JPG','JPEG','WEBP','GIF'];
    $directories = [
      [trailingslashit(get_stylesheet_directory()) . 'assets/images/Carosello', trailingslashit(get_stylesheet_directory_uri()) . 'assets/images/Carosello'],
      [trailingslashit(get_stylesheet_directory()) . 'assets/images/carosello', trailingslashit(get_stylesheet_directory_uri()) . 'assets/images/carosello'],
      [trailingslashit(get_template_directory()) . 'assets/images/Carosello', trailingslashit(get_template_directory_uri()) . 'assets/images/Carosello'],
      [trailingslashit(get_template_directory()) . 'assets/images/carosello', trailingslashit(get_template_directory_uri()) . 'assets/images/carosello'],
    ];

    foreach ($directories as $directory_data) {
      [$directory, $base_url] = $directory_data;
      if (!is_dir($directory)) {
        continue;
      }

      $files = [];
      foreach ($extensions as $extension) {
        $found = glob($directory . '/*.' . $extension);
        if (is_array($found)) {
          $files = array_merge($files, $found);
        }
      }

      if (!$files) {
        continue;
      }

      natsort($files);
      $logos = [];
      foreach ($files as $file) {
        $relative = ltrim(str_replace($directory, '', $file), '/\\');
        $parts = array_map('rawurlencode', preg_split('#[\\\\/]#', $relative));
        $filename = pathinfo($file, PATHINFO_FILENAME);
        $logos[] = [
          'url' => trailingslashit($base_url) . implode('/', $parts),
          'alt' => ucwords(str_replace(['-', '_'], ' ', $filename)),
        ];
      }

      return $logos;
    }

    return [];
  }
}

$posts_page_id = (int) get_option('page_for_posts');
$news_url = $posts_page_id
  ? get_permalink($posts_page_id)
  : crmi_home_find_page_url(['news', 'notizie', 'stylus-magazine', 'magazine'], '/news/');

$gallery_url = crmi_home_find_page_url(['gallery', 'galleria'], '/gallery/');
$premio_url = crmi_home_find_page_url(['premio-gioconda', 'premio-gioconda-comunicativa'], '/premio-gioconda/');
$corsi_url = crmi_home_find_page_url(['corsi', 'formazione', 'corsi-e-formazione', 'corsi-crmi'], '/corsi/');
$about_url = crmi_home_find_page_url(['about', 'chi-siamo', 'about-us'], '/about/');
$media_partner_url = crmi_home_find_page_url(['media-partner', 'pubblicita', 'advertising'], '/media-partner/');
$contact_url = crmi_home_find_page_url(['contatti', 'contact'], '/contatti/');

$hero_video = 'https://cameramodaitalia.it/wp-content/uploads/2026/07/CRMI-Spot.mp4';
$gallery_image = get_template_directory_uri() . '/assets/images/gallery-card.png';
$news_image = get_template_directory_uri() . '/assets/images/news-card-2.png';
$event_image = get_template_directory_uri() . '/assets/images/events-card.png';
$corsi_image = 'https://cameramodaitalia.it/wp-content/uploads/2026/04/immagine-corsi-CRMI.png';
$servizi_image = 'https://cameramodaitalia.it/wp-content/uploads/2026/04/servizi-immagine-CRMI.png';

$partner_logos = crmi_home_scan_partner_logos();
$partner_marquee = $partner_logos ? array_merge($partner_logos, $partner_logos) : [];

$post_types = ['post'];
if (post_type_exists('crmi_rassegna')) {
  $post_types[] = 'crmi_rassegna';
}

$latest_editorial = new WP_Query([
  'post_type' => $post_types,
  'post_status' => 'publish',
  'posts_per_page' => 3,
  'ignore_sticky_posts' => true,
  'no_found_rows' => true,
]);
?>

<style id="crmi-home-2026-css">
  .crmi-home-2026{
    --crmi-blue:#0b1d51;
    --crmi-blue-deep:#071332;
    --crmi-gold:#c5a059;
    --crmi-ink:#11131a;
    --crmi-muted:#667085;
    --crmi-paper:#f5f3ef;
    --crmi-line:rgba(11,29,81,.14);
    background:#fff;
    color:var(--crmi-ink);
    font-family:Arial, Helvetica, sans-serif;
  }

  .crmi-home-2026 *{ box-sizing:border-box; }
  .crmi-home-2026 a{ text-underline-offset:4px; }
  .crmi-home-shell{ width:min(1240px, calc(100% - 40px)); margin:0 auto; }

  .crmi-home-hero{
    position:relative;
    min-height:min(820px, calc(100svh - 104px));
    display:flex;
    align-items:flex-end;
    overflow:hidden;
    isolation:isolate;
    background:#05070d;
  }

  .crmi-home-hero video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:-3;
  }

  .crmi-home-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
      linear-gradient(90deg, rgba(3,7,18,.84) 0%, rgba(3,7,18,.52) 48%, rgba(3,7,18,.18) 100%),
      linear-gradient(0deg, rgba(3,7,18,.72) 0%, rgba(3,7,18,.05) 52%, rgba(3,7,18,.16) 100%);
  }

  .crmi-home-hero::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:rgba(255,255,255,.2);
  }

  .crmi-home-hero-inner{
    width:min(1240px, calc(100% - 40px));
    margin:0 auto;
    padding:110px 0 74px;
    color:#fff;
  }

  .crmi-home-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:22px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.22em;
    text-transform:uppercase;
  }

  .crmi-home-eyebrow::before{
    content:"";
    width:36px;
    height:1px;
    background:var(--crmi-gold);
  }

  .crmi-home-hero h1{
    max-width:900px;
    margin:0;
    color:#fff;
    font-family:Georgia, 'Times New Roman', serif;
    font-size:clamp(52px, 7.4vw, 112px);
    font-weight:400;
    line-height:.94;
    letter-spacing:-.045em;
    text-wrap:balance;
  }

  .crmi-home-hero-copy{
    max-width:720px;
    margin:28px 0 0;
    color:rgba(255,255,255,.88);
    font-size:clamp(16px, 1.7vw, 21px);
    line-height:1.65;
  }

  .crmi-home-actions{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:34px;
  }

  .crmi-home-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 24px;
    border:1px solid #fff;
    color:var(--crmi-blue-deep);
    background:#fff;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
    transition:transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
  }

  .crmi-home-btn:hover{ transform:translateY(-2px); background:var(--crmi-gold); border-color:var(--crmi-gold); color:#111; }
  .crmi-home-btn.is-ghost{ color:#fff; background:rgba(255,255,255,.06); backdrop-filter:blur(8px); }
  .crmi-home-btn.is-ghost:hover{ background:#fff; color:var(--crmi-blue-deep); border-color:#fff; }

  .crmi-home-video-toggle{
    position:absolute;
    right:22px;
    bottom:22px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:42px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.42);
    background:rgba(4,9,24,.5);
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    cursor:pointer;
    backdrop-filter:blur(10px);
  }

  .crmi-home-strip{
    border-bottom:1px solid var(--crmi-line);
    background:#fff;
  }

  .crmi-home-strip-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
  }

  .crmi-home-strip-item{
    min-height:138px;
    padding:30px 28px;
    border-right:1px solid var(--crmi-line);
  }

  .crmi-home-strip-item:last-child{ border-right:0; }
  .crmi-home-strip-num{ display:block; color:var(--crmi-gold); font-family:Georgia, 'Times New Roman', serif; font-size:29px; line-height:1; }
  .crmi-home-strip-item strong{ display:block; margin-top:12px; color:var(--crmi-blue); font-size:13px; letter-spacing:.12em; text-transform:uppercase; }
  .crmi-home-strip-item span:last-child{ display:block; margin-top:8px; color:var(--crmi-muted); font-size:13px; line-height:1.5; }

  .crmi-home-section{ padding:92px 0; }
  .crmi-home-section.is-paper{ background:var(--crmi-paper); }
  .crmi-home-section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:28px; margin-bottom:38px; }
  .crmi-home-kicker{ margin:0 0 10px; color:var(--crmi-gold); font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
  .crmi-home-section h2{
    max-width:860px;
    margin:0;
    color:var(--crmi-blue-deep);
    font-family:Georgia, 'Times New Roman', serif;
    font-size:clamp(38px, 5vw, 68px);
    font-weight:400;
    line-height:1.02;
    letter-spacing:-.035em;
  }

  .crmi-home-text-link{
    flex:0 0 auto;
    color:var(--crmi-blue);
    font-size:12px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
    text-decoration:none;
    border-bottom:1px solid currentColor;
    padding-bottom:5px;
  }

  .crmi-editorial-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .crmi-editorial-card{ display:flex; flex-direction:column; min-width:0; color:inherit; text-decoration:none; background:#fff; border:1px solid var(--crmi-line); transition:transform .24s ease, box-shadow .24s ease; }
  .crmi-editorial-card:hover{ transform:translateY(-5px); box-shadow:0 20px 46px rgba(7,19,50,.11); }
  .crmi-editorial-image{ aspect-ratio:16/10; overflow:hidden; background:#dfe3ea; }
  .crmi-editorial-image img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
  .crmi-editorial-card:hover .crmi-editorial-image img{ transform:scale(1.035); }
  .crmi-editorial-body{ padding:24px 24px 26px; }
  .crmi-editorial-meta{ display:flex; flex-wrap:wrap; gap:8px 14px; margin-bottom:14px; color:var(--crmi-gold); font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
  .crmi-editorial-card h3{ margin:0; color:var(--crmi-blue-deep); font-family:Georgia, 'Times New Roman', serif; font-size:26px; font-weight:400; line-height:1.15; }
  .crmi-editorial-card p{ margin:15px 0 0; color:var(--crmi-muted); font-size:14px; line-height:1.65; }

  .crmi-home-feature-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
  .crmi-home-feature{
    position:relative;
    min-height:520px;
    overflow:hidden;
    color:#fff;
    text-decoration:none;
    background:#111;
  }
  .crmi-home-feature img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s ease; }
  .crmi-home-feature::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.04) 20%, rgba(0,0,0,.8) 100%); }
  .crmi-home-feature:hover img{ transform:scale(1.045); }
  .crmi-home-feature-content{ position:absolute; z-index:2; left:0; right:0; bottom:0; padding:34px; }
  .crmi-home-feature-label{ display:block; margin-bottom:12px; color:#fff; font-size:10px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; opacity:.82; }
  .crmi-home-feature h3{ margin:0; color:#fff; font-family:Georgia, 'Times New Roman', serif; font-size:36px; font-weight:400; }
  .crmi-home-feature p{ margin:13px 0 0; color:rgba(255,255,255,.86); font-size:14px; line-height:1.6; }

  .crmi-home-split{ display:grid; grid-template-columns:1.05fr .95fr; min-height:620px; }
  .crmi-home-split-media{ min-height:480px; }
  .crmi-home-split-media img{ width:100%; height:100%; object-fit:cover; }
  .crmi-home-split-copy{ display:flex; flex-direction:column; justify-content:center; padding:70px clamp(32px,5vw,82px); background:var(--crmi-blue-deep); color:#fff; }
  .crmi-home-split-copy .crmi-home-kicker{ color:#d8bd82; }
  .crmi-home-split-copy h2{ color:#fff; }
  .crmi-home-split-copy p{ max-width:620px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:16px; line-height:1.8; }
  .crmi-home-split-copy .crmi-home-actions{ margin-top:30px; }

  .crmi-media-callout{ position:relative; overflow:hidden; padding:86px 0; background:var(--crmi-gold); color:#111; }
  .crmi-media-callout::before{ content:"CRMI"; position:absolute; right:-2vw; top:50%; transform:translateY(-53%); color:rgba(255,255,255,.23); font-family:Georgia, 'Times New Roman', serif; font-size:clamp(150px,23vw,390px); line-height:1; pointer-events:none; }
  .crmi-media-callout-inner{ position:relative; z-index:1; display:grid; grid-template-columns:1.35fr .65fr; align-items:end; gap:44px; }
  .crmi-media-callout .crmi-home-kicker{ color:#111; opacity:.72; }
  .crmi-media-callout h2{ max-width:850px; margin:0; color:#111; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(42px,6vw,78px); font-weight:400; line-height:.98; letter-spacing:-.04em; }
  .crmi-media-callout p{ margin:0 0 24px; font-size:16px; line-height:1.7; }
  .crmi-media-callout .crmi-home-btn{ border-color:#111; background:#111; color:#fff; }
  .crmi-media-callout .crmi-home-btn:hover{ background:var(--crmi-blue); border-color:var(--crmi-blue); }

  .crmi-partners-2026{ padding:70px 0; overflow:hidden; border-top:1px solid var(--crmi-line); border-bottom:1px solid var(--crmi-line); background:#fff; }
  .crmi-partners-title{ margin-bottom:30px; text-align:center; color:var(--crmi-blue); font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase; }
  .crmi-partners-viewport{ overflow:hidden; mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
  .crmi-partners-track{ display:flex; align-items:center; width:max-content; animation:crmi-partners-move 32s linear infinite; }
  .crmi-partners-viewport:hover .crmi-partners-track{ animation-play-state:paused; }
  .crmi-partner-logo{ display:flex; align-items:center; justify-content:center; width:190px; padding:0 30px; flex:0 0 auto; }
  .crmi-partner-logo img{ max-width:100%; max-height:68px; object-fit:contain; filter:grayscale(1); opacity:.72; transition:filter .2s ease, opacity .2s ease; }
  .crmi-partner-logo img:hover{ filter:none; opacity:1; }

  .crmi-home-final{ padding:92px 0; background:#fff; }
  .crmi-home-final-grid{ display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
  .crmi-home-final-image{ min-height:520px; }
  .crmi-home-final-image img{ width:100%; height:100%; object-fit:cover; }
  .crmi-home-final-copy h2{ margin:0; color:var(--crmi-blue-deep); font-family:Georgia, 'Times New Roman', serif; font-size:clamp(42px,5vw,70px); font-weight:400; line-height:1; letter-spacing:-.04em; }
  .crmi-home-final-copy p{ margin:24px 0 0; color:var(--crmi-muted); font-size:16px; line-height:1.8; }
  .crmi-home-final-copy .crmi-home-btn{ border-color:var(--crmi-blue); background:var(--crmi-blue); color:#fff; }
  .crmi-home-final-copy .crmi-home-btn.is-ghost{ background:transparent; color:var(--crmi-blue); }
  .crmi-home-final-copy .crmi-home-btn.is-ghost:hover{ background:var(--crmi-blue); color:#fff; }

  @keyframes crmi-partners-move{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

  @media (max-width:1024px){
    .crmi-home-strip-grid{ grid-template-columns:repeat(2,1fr); }
    .crmi-home-strip-item:nth-child(2){ border-right:0; }
    .crmi-home-strip-item:nth-child(-n+2){ border-bottom:1px solid var(--crmi-line); }
    .crmi-editorial-grid{ grid-template-columns:1fr 1fr; }
    .crmi-editorial-card:last-child{ grid-column:1/-1; }
    .crmi-home-feature-grid{ grid-template-columns:1fr; }
    .crmi-home-feature{ min-height:430px; }
    .crmi-home-split{ grid-template-columns:1fr; }
    .crmi-home-split-media{ min-height:430px; }
    .crmi-media-callout-inner{ grid-template-columns:1fr; align-items:start; }
    .crmi-media-callout p{ max-width:660px; }
    .crmi-home-final-grid{ grid-template-columns:1fr; gap:38px; }
    .crmi-home-final-image{ min-height:420px; }
  }

  @media (max-width:680px){
    .crmi-home-shell,
    .crmi-home-hero-inner{ width:min(100% - 28px, 1240px); }
    .crmi-home-hero{ min-height:72svh; }
    .crmi-home-hero-inner{ padding:80px 0 84px; }
    .crmi-home-hero h1{ font-size:clamp(46px,15vw,72px); }
    .crmi-home-hero-copy{ font-size:16px; line-height:1.55; }
    .crmi-home-actions{ flex-direction:column; align-items:stretch; }
    .crmi-home-btn{ width:100%; }
    .crmi-home-video-toggle{ right:14px; bottom:14px; }
    .crmi-home-strip-grid{ grid-template-columns:1fr; }
    .crmi-home-strip-item{ min-height:auto; border-right:0; border-bottom:1px solid var(--crmi-line); }
    .crmi-home-strip-item:nth-child(2){ border-bottom:1px solid var(--crmi-line); }
    .crmi-home-strip-item:last-child{ border-bottom:0; }
    .crmi-home-section{ padding:68px 0; }
    .crmi-home-section-head{ align-items:flex-start; flex-direction:column; margin-bottom:28px; }
    .crmi-editorial-grid{ grid-template-columns:1fr; }
    .crmi-editorial-card:last-child{ grid-column:auto; }
    .crmi-home-feature{ min-height:360px; }
    .crmi-home-feature-content{ padding:24px; }
    .crmi-home-feature h3{ font-size:32px; }
    .crmi-home-split-media{ min-height:310px; }
    .crmi-home-split-copy{ padding:54px 22px; }
    .crmi-media-callout{ padding:68px 0; }
    .crmi-media-callout::before{ opacity:.7; }
    .crmi-partner-logo{ width:150px; padding:0 20px; }
    .crmi-home-final{ padding:68px 0; }
    .crmi-home-final-image{ min-height:300px; }
  }

  @media (prefers-reduced-motion:reduce){
    .crmi-home-2026 *,
    .crmi-home-2026 *::before,
    .crmi-home-2026 *::after{ scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  }
</style>

<main class="crmi-home-2026" id="main-content">
  <section class="crmi-home-hero" aria-labelledby="crmi-home-title">
    <video id="crmiHomeHeroVideo" autoplay muted loop playsinline preload="metadata" aria-hidden="true">
      <source src="<?php echo esc_url($hero_video); ?>" type="video/mp4">
    </video>

    <div class="crmi-home-hero-inner">
      <div class="crmi-home-eyebrow">Camera Regionale della Moda Italiana</div>
      <h1 id="crmi-home-title">Moda italiana. Territorio, talento, futuro.</h1>
      <p class="crmi-home-hero-copy">Un ecosistema indipendente dedicato alla valorizzazione del Made in Italy, della creatività, della formazione e della comunicazione di moda.</p>
      <div class="crmi-home-actions">
        <a class="crmi-home-btn" href="<?php echo esc_url($news_url); ?>">Scopri STYLUS Magazine</a>
        <a class="crmi-home-btn is-ghost" href="<?php echo esc_url($media_partner_url); ?>">Diventa Media Partner</a>
      </div>
    </div>

    <button class="crmi-home-video-toggle" id="crmiHeroAudioToggle" type="button" aria-pressed="false" aria-label="Attiva l'audio del video">
      <span aria-hidden="true">◉</span><span id="crmiHeroAudioLabel">Attiva audio</span>
    </button>
  </section>

  <section class="crmi-home-strip" aria-label="Aree di attività CRMI">
    <div class="crmi-home-shell crmi-home-strip-grid">
      <div class="crmi-home-strip-item"><span class="crmi-home-strip-num">01</span><strong>Moda &amp; Cultura</strong><span>Identità, ricerca e Made in Italy.</span></div>
      <div class="crmi-home-strip-item"><span class="crmi-home-strip-num">02</span><strong>Talenti &amp; Formazione</strong><span>Percorsi, competenze e nuove generazioni.</span></div>
      <div class="crmi-home-strip-item"><span class="crmi-home-strip-num">03</span><strong>Eventi &amp; Relazioni</strong><span>Progetti, incontri e connessioni professionali.</span></div>
      <div class="crmi-home-strip-item"><span class="crmi-home-strip-num">04</span><strong>Editoria &amp; Visibilità</strong><span>STYLUS e opportunità per brand e partner.</span></div>
    </div>
  </section>

  <section class="crmi-home-section is-paper" aria-labelledby="crmi-latest-title">
    <div class="crmi-home-shell">
      <div class="crmi-home-section-head">
        <div>
          <p class="crmi-home-kicker">STYLUS / Latest</p>
          <h2 id="crmi-latest-title">Le storie che stanno muovendo la moda.</h2>
        </div>
        <a class="crmi-home-text-link" href="<?php echo esc_url($news_url); ?>">Tutte le news</a>
      </div>

      <div class="crmi-editorial-grid">
        <?php if ($latest_editorial->have_posts()) : ?>
          <?php while ($latest_editorial->have_posts()) : $latest_editorial->the_post(); ?>
            <?php
              $card_image = get_the_post_thumbnail_url(get_the_ID(), 'large');
              if (!$card_image) {
                $card_image = $news_image;
              }
              $excerpt = wp_trim_words(wp_strip_all_tags(get_the_excerpt()), 22, '…');
              $post_type_label = get_post_type() === 'crmi_rassegna' ? 'STYLUS' : 'News';
            ?>
            <a class="crmi-editorial-card" href="<?php the_permalink(); ?>">
              <div class="crmi-editorial-image">
                <img src="<?php echo esc_url($card_image); ?>" alt="<?php echo esc_attr(get_the_title()); ?>" loading="lazy" decoding="async">
              </div>
              <div class="crmi-editorial-body">
                <div class="crmi-editorial-meta"><span><?php echo esc_html($post_type_label); ?></span><time datetime="<?php echo esc_attr(get_the_date('c')); ?>"><?php echo esc_html(get_the_date('j M Y')); ?></time></div>
                <h3><?php the_title(); ?></h3>
                <?php if ($excerpt) : ?><p><?php echo esc_html($excerpt); ?></p><?php endif; ?>
              </div>
            </a>
          <?php endwhile; wp_reset_postdata(); ?>
        <?php else : ?>
          <a class="crmi-editorial-card" href="<?php echo esc_url($news_url); ?>">
            <div class="crmi-editorial-image"><img src="<?php echo esc_url($news_image); ?>" alt="STYLUS Magazine" loading="lazy" decoding="async"></div>
            <div class="crmi-editorial-body"><div class="crmi-editorial-meta"><span>STYLUS</span></div><h3>Moda, cultura e industria creativa.</h3><p>Scopri il magazine editoriale della Camera Regionale della Moda Italiana.</p></div>
          </a>
        <?php endif; ?>
      </div>
    </div>
  </section>

  <section class="crmi-home-section" aria-labelledby="crmi-explore-title">
    <div class="crmi-home-shell">
      <div class="crmi-home-section-head">
        <div>
          <p class="crmi-home-kicker">Explore CRMI</p>
          <h2 id="crmi-explore-title">Dove creatività, immagine e riconoscimento si incontrano.</h2>
        </div>
      </div>

      <div class="crmi-home-feature-grid">
        <a class="crmi-home-feature" href="<?php echo esc_url($gallery_url); ?>">
          <img src="<?php echo esc_url($gallery_image); ?>" alt="Gallery della Camera Regionale della Moda Italiana" loading="lazy" decoding="async">
          <div class="crmi-home-feature-content"><span class="crmi-home-feature-label">Visual Archive</span><h3>The Gallery</h3><p>Sfilate, eventi e immagini che raccontano la scena creativa italiana.</p></div>
        </a>

        <a class="crmi-home-feature" href="<?php echo esc_url($news_url); ?>">
          <img src="<?php echo esc_url($news_image); ?>" alt="STYLUS Magazine e news di moda" loading="lazy" decoding="async">
          <div class="crmi-home-feature-content"><span class="crmi-home-feature-label">Editorial</span><h3>STYLUS Magazine</h3><p>Attualità, tendenze, protagonisti e nuove traiettorie del settore.</p></div>
        </a>

        <a class="crmi-home-feature" href="<?php echo esc_url($premio_url); ?>">
          <img src="<?php echo esc_url($event_image); ?>" alt="Premio Gioconda" loading="lazy" decoding="async">
          <div class="crmi-home-feature-content"><span class="crmi-home-feature-label">Recognition</span><h3>Premio Gioconda</h3><p>Un progetto dedicato al talento, alla comunicazione e all’eredità creativa.</p></div>
        </a>
      </div>
    </div>
  </section>

  <section class="crmi-home-split" aria-labelledby="crmi-academy-title">
    <div class="crmi-home-split-media"><img src="<?php echo esc_url($corsi_image); ?>" alt="Formazione e corsi CRMI" loading="lazy" decoding="async"></div>
    <div class="crmi-home-split-copy">
      <p class="crmi-home-kicker">CRMI Academy</p>
      <h2 id="crmi-academy-title">Il talento ha bisogno di direzione.</h2>
      <p>Formazione, orientamento e percorsi dedicati a chi vuole trasformare competenze creative e visione in un progetto professionale nel sistema moda.</p>
      <div class="crmi-home-actions"><a class="crmi-home-btn" href="<?php echo esc_url($corsi_url); ?>">Esplora la formazione</a></div>
    </div>
  </section>

  <section class="crmi-media-callout" aria-labelledby="crmi-media-title">
    <div class="crmi-home-shell crmi-media-callout-inner">
      <div>
        <p class="crmi-home-kicker">CRMI Media Network</p>
        <h2 id="crmi-media-title">Porta il tuo brand dentro una conversazione di moda.</h2>
      </div>
      <div>
        <p>Soluzioni editoriali, social, banner e partnership per aziende, eventi e professionisti che vogliono raggiungere un pubblico interessato alla moda italiana.</p>
        <a class="crmi-home-btn" href="<?php echo esc_url($media_partner_url); ?>">Scopri le opportunità</a>
      </div>
    </div>
  </section>

  <?php if ($partner_marquee) : ?>
    <section class="crmi-partners-2026" aria-label="Partner e collaborazioni">
      <div class="crmi-partners-title">Partner &amp; Collaborazioni</div>
      <div class="crmi-partners-viewport">
        <div class="crmi-partners-track">
          <?php foreach ($partner_marquee as $logo) : ?>
            <div class="crmi-partner-logo"><img src="<?php echo esc_url($logo['url']); ?>" alt="<?php echo esc_attr($logo['alt']); ?>" loading="lazy" decoding="async"></div>
          <?php endforeach; ?>
        </div>
      </div>
    </section>
  <?php endif; ?>

  <section class="crmi-home-final" aria-labelledby="crmi-about-title">
    <div class="crmi-home-shell crmi-home-final-grid">
      <div class="crmi-home-final-image"><img src="<?php echo esc_url($servizi_image); ?>" alt="Servizi e progetti della Camera Regionale della Moda Italiana" loading="lazy" decoding="async"></div>
      <div class="crmi-home-final-copy">
        <p class="crmi-home-kicker">Camera Regionale della Moda Italiana</p>
        <h2 id="crmi-about-title">Diamo forma a progetti che fanno sistema.</h2>
        <p>La Camera Regionale della Moda Italiana sviluppa iniziative, connessioni, comunicazione e servizi dedicati alla crescita della cultura e dell’economia della moda.</p>
        <div class="crmi-home-actions">
          <a class="crmi-home-btn" href="<?php echo esc_url($about_url); ?>">Scopri CRMI</a>
          <a class="crmi-home-btn is-ghost" href="<?php echo esc_url($contact_url); ?>">Contatti</a>
        </div>
      </div>
    </div>
  </section>
</main>

<script id="crmi-home-2026-js">
document.addEventListener('DOMContentLoaded', function () {
  var video = document.getElementById('crmiHomeHeroVideo');
  var audioButton = document.getElementById('crmiHeroAudioToggle');
  var audioLabel = document.getElementById('crmiHeroAudioLabel');

  if (!video || !audioButton || !audioLabel) return;

  audioButton.addEventListener('click', function () {
    video.muted = !video.muted;
    audioButton.setAttribute('aria-pressed', video.muted ? 'false' : 'true');
    audioButton.setAttribute('aria-label', video.muted ? "Attiva l'audio del video" : "Disattiva l'audio del video");
    audioLabel.textContent = video.muted ? 'Attiva audio' : 'Disattiva audio';

    if (video.paused) {
      var playPromise = video.play();
      if (playPromise && typeof playPromise.catch === 'function') {
        playPromise.catch(function () {});
      }
    }
  });

  if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
    video.pause();
  }
});
</script>

<?php get_footer(); ?>