/*
Theme Name: Studiotel Afoud — Hello Child
Template: hello-elementor
Version: 1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Raleway:wght@300;400;500;600&display=swap');

/* === Couleurs et polices globales Elementor ===
   Ces variables surchargent les defaults Hello Elementor.
   Résistantes aux qlib push — jamais à retoucher. */

:root {
  --e-global-color-primary:   #0D1B2A;
  --e-global-color-secondary: #C4965A;
  --e-global-color-text:      #2C3A47;
  --e-global-color-accent:    #C4965A;

  --e-global-typography-primary-font-family:    'EB Garamond';
  --e-global-typography-primary-font-weight:    400;
  --e-global-typography-primary-font-style:     italic;
  --e-global-typography-secondary-font-family:  'Raleway';
  --e-global-typography-secondary-font-weight:  400;
  --e-global-typography-text-font-family:       'Raleway';
  --e-global-typography-text-font-weight:       300;
  --e-global-typography-accent-font-family:     'Raleway';
  --e-global-typography-accent-font-weight:     500;
}

body        { font-family: 'Raleway', sans-serif; color: #0D1B2A; }
h1, h2, h3, h4, h5, h6 { font-family: 'EB Garamond', Georgia, serif; color: #0D1B2A; }
a           { color: inherit; }

/* Scroll-driven entrance — Chrome 115+, Firefox 114+, Safari 18+ */
@supports (animation-timeline: view()) {
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(40px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  .elementor-section:not(:first-child),
  .e-con:not(:first-child) {
    animation: fadeInUp 0.65s ease-out both;
    animation-timeline: view();
    animation-range: entry 0% entry 35%;
  }
}

/* Masquer header/footer Hello Elementor par défaut — notre version via functions.php */
#masthead, #site-header, .site-header,
#colophon, #site-footer, .site-footer { display: none !important; }

/* Cards — hover scale premium */
.elementor-widget-image-box .elementor-image-box-wrapper,
.elementor-widget-image .elementor-widget-container { overflow: hidden; }

.elementor-widget-image-box .elementor-image-box-wrapper img,
.elementor-widget-image .elementor-widget-container img {
  transition: transform 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.elementor-widget-image-box:hover .elementor-image-box-wrapper img,
.elementor-widget-image:hover .elementor-widget-container img {
  transform: scale(1.03);
}

/* Override animations Elementor trop brutales */
.elementor-animation-grow { transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important; }
.elementor-animation-grow:hover { transform: scale(1.03) !important; }
.elementor-widget-wrap, .e-con { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }