/* xl - DESKTOP STYLES */ 
/* Aoun Mehdi Portfolio - Brand Colors */
/* Navy: #0B1F3A | Orange: #F97316 */

/* Section headings in navy (overrides Elementor light blue default) */
/* Inline styles (e.g. hero orange subtitle) take precedence automatically */
.elementor-widget-heading .elementor-heading-title {
    color: #0B1F3A;
}

/* Site title in navy */
.site-title, .site-title a {
    color: #0B1F3A;
}

/* Navigation links - navy, orange on hover */
.main-header-menu a, .ast-nav-menu a {
    color: #0B1F3A;
}
.main-header-menu a:hover, .ast-nav-menu a:hover {
    color: #F97316;
}

/* Content links - orange */
.entry-content a {
    color: #F97316;
}
.entry-content a:hover {
    color: #0B1F3A;
}

/* Footer */
.site-footer {
    color: #0B1F3A;
}/* Shared orange headline underline accent (same style as contact headline) */ /* Client logo auto-slider strip */ .am-client-logos{background:#ffffff;overflow:hidden;padding:28px 0;} .am-logos-track{display:flex;animation:am-logos-slide 18s linear infinite;} .am-client-logos:hover .am-logos-track{animation-play-state:paused;} .am-logos-set{display:flex;flex:0 0 166.6667%;} .am-logo{flex:0 0 20%;display:flex;align-items:center;justify-content:center;padding:0 12px;} .am-logo img{max-height:88px;width:auto;max-width:100%;object-fit:contain;display:block;} .am-logo-tile img{border-radius:10px;} @keyframes am-logos-slide{from{transform:translateX(0);}to{transform:translateX(-50%);}} @media (max-width:640px){.am-logos-set{flex-basis:250%;}.am-logo{padding:0 12px;}.am-logo img{max-height:64px;}} @media (prefers-reduced-motion:reduce){.am-logos-track{animation:none;flex-wrap:wrap;}.am-logos-set{flex-basis:100%;}.am-logos-set[aria-hidden="true"]{display:none;}} /* Portfolio image bottom fix: image column stretches to section bottom, image bottom-anchored */ #portfolio.am-section{padding-bottom:0;} #portfolio .am-portfolio-grid{align-items:stretch;} #portfolio .am-portfolio-img{align-self:stretch;display:flex;align-items:flex-end;justify-content:center;} #portfolio .am-portfolio-img img{display:block;} #portfolio .am-slots{padding-bottom:56px;}
.am-hlu{background-image:linear-gradient(#F97316,#F97316);background-size:100% .22em;background-repeat:no-repeat;background-position:0 92%;}


/* sm - SMARTPHONE LANDSCAPE STYLES */ 
@media (max-width: 767px) {
  /* Mobile (max-width: 767px) — Mobile responsiveness fixes */
  
  /* 1. Prevent horizontal scroll from decorative orbit/marquee elements */
  html, body {
    overflow-x: clip;
  }
  
  /* 2. Floating WhatsApp button: smaller and tucked in the corner so it never covers content */
  a[title="Chat on WhatsApp"] {
    width: 48px !important;
    height: 48px !important;
    font-size: 24px !important;
    bottom: 14px !important;
    right: 14px !important;
  }
  
  /* 3. Compact header: site title stays on fewer lines */
  .site-title,
  .site-title a {
    font-size: 1rem !important;
    line-height: 1.25 !important;
  }
  
  /* 4. Fluid headline sizes for small screens */
  h1.elementor-heading-title,
  .elementor-widget-heading h1 {
    font-size: clamp(2rem, 9vw, 3rem) !important;
    line-height: 1.1 !important;
  }
  
  h2.elementor-heading-title,
  .elementor-widget-heading h2 {
    font-size: clamp(1.5rem, 7vw, 2.25rem) !important;
    line-height: 1.15 !important;
  }
  
  /* 5. Images never overflow the viewport */
  img {
    max-width: 100%;
    height: auto;
  }
  
  /* 6. Buttons full-width for easy thumb tapping */
  .elementor-button {
    width: 100%;
  }
  
  
  /* 7. Center the hero portrait on mobile */
  img[src*="1-hero-cutout"]{
  display:block;
  margin-left:auto;
  margin-right:auto;
  }
}