/**
 * Theme Name: Afocal 2026
 * Description: Afocal 2026 child theme for Blocksy
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: afocal2026
 */

/* ========================================
   AFOCAL 2026 Homepage Styles
   ======================================== */

/* Hero section video placeholder gradient */
.page-id-20 .wp-block-cover:first-child {
  background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8e 50%, #1e3a5f 100%) !important;
}

/* Key figures counter animation ready */
.page-id-20 .wp-block-columns .wp-block-heading {
  transition: transform 0.3s ease;
}

/* Formation cards hover */
.page-id-20 .wp-block-group.has-border-color {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.page-id-20 .wp-block-group.has-border-color:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* CGI block left border emphasis */
.page-id-20 .wp-block-group[style*="border-left-color:#d4a017"] {
  transition: box-shadow 0.2s ease;
}
.page-id-20 .wp-block-group[style*="border-left-color:#d4a017"]:hover {
  box-shadow: 0 4px 16px rgba(212, 160, 23, 0.15);
}

/* Quick access cards hover */
.page-id-20 .wp-block-column[style*="rgba(255,255,255,0.1)"] {
  transition: background-color 0.2s ease, transform 0.2s ease;
  cursor: pointer;
}
.page-id-20 .wp-block-column[style*="rgba(255,255,255,0.1)"]:hover {
  background-color: rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-2px);
}

/* Citoyenneté cover blocks hover */
.page-id-20 .wp-block-cover[style*="border-radius:8px"] {
  transition: transform 0.2s ease;
  overflow: hidden;
}
.page-id-20 .wp-block-cover[style*="border-radius:8px"]:hover {
  transform: scale(1.02);
}

/* Smooth button transitions */
.page-id-20 .wp-block-button__link {
  transition: all 0.2s ease;
}

/* ========================================
   Footer Styles
   ======================================== */

/* Italic widget titles to match afocal.fr footer */
.footer-widgets-area .widget-title,
[data-row="middle"] .widget-title {
  font-style: italic;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 1rem;
  color: #ffffff;
}

/* Footer menu links styling */
.footer-widgets-area .menu a,
[data-row="middle"] .menu a {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: none;
  font-size: 0.9rem;
  line-height: 2;
}

.footer-widgets-area .menu a:hover,
[data-row="middle"] .menu a:hover {
  color: #ffffff;
}

/* Responsive adjustments */
@media (max-width: 781px) {
  .page-id-20 .wp-block-cover:first-child h1 {
    font-size: 2rem !important;
  }
  .page-id-20 .wp-block-columns .wp-block-heading[style*="2.5rem"] {
    font-size: 1.8rem !important;
  }
}