/*
Theme Name: Alurion Resources
Theme URI: https://alurionresources.com
Author: CRWA
Author URI: https://crwa.com.br/
Description: WordPress theme export of the Alurion Resources website with one-click demo import for all sections.
Version: 9.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: alurion
*/

html {
  background: #ffffff;
}

body {
  margin: 0;
}

#root {
  min-height: 100vh;
}

/* Strategic Highlights Rich Text Styles */
.alurion-rich-text ul {
  list-style-type: none;
  padding: 0;
  margin: 1.25rem 0;
}

.alurion-rich-text li {
  position: relative;
  padding-left: 1.75rem;
  margin-bottom: 0.85rem;
  line-height: 1.6;
  font-size: inherit;
}

.alurion-rich-text li::before {
  content: "•";
  position: absolute;
  left: 0.25rem;
  color: hsl(var(--accent));
  font-size: 1.4em;
  line-height: 1;
  top: -0.1em;
}

.alurion-rich-text p {
  margin-bottom: 1.25rem;
  line-height: 1.6;
}

.alurion-rich-text strong {
  color: hsl(var(--foreground));
  font-weight: 700;
  letter-spacing: -0.01em;
}

.alurion-rich-text img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  margin: 1.5rem 0;
  display: block;
  box-shadow: 0 10px 30px -10px rgba(0,0,0,0.1);
}

/* Hero Slider Navigation */
.hero-slider-btn { position: absolute !important; z-index: 20 !important; width: 2.5rem !important; height: 2.5rem !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; } .hero-slider-prev { bottom: 24px !important; left: calc(50% - 80px) !important; transform: translateX(-50%) !important; } .hero-slider-next { bottom: 24px !important; left: calc(50% + 80px) !important; transform: translateX(-50%) !important; } @media (min-width: 640px) { .hero-slider-btn { width: 3rem !important; height: 3rem !important; } .hero-slider-prev { bottom: auto !important; top: 50% !important; left: 1.5rem !important; transform: translateY(-50%) !important; } .hero-slider-next { bottom: auto !important; top: 50% !important; left: auto !important; right: 1.5rem !important; transform: translateY(-50%) !important; } }

/* Hero Slider Height & Scroll Btn */
.hero-section { min-height: 600px !important; } .hero-scroll-btn { bottom: 120px !important; } @media (min-width: 640px) { .hero-section { min-height: 100vh !important; } .hero-scroll-btn { bottom: 40px !important; } }

/* Hero Slider Mobile Adjustments */
.home-hero-section { min-height: 93svh !important; } .hero-content-wrapper { margin-top: -3rem !important; } .hero-scroll-arrow { bottom: 90px !important; } @media (min-width: 640px) { .home-hero-section { min-height: 100vh !important; } .hero-content-wrapper { margin-top: 0 !important; } .hero-scroll-arrow { bottom: 2.5rem !important; } }

/* Video Transition */
@keyframes videoFadeIn { from { opacity: 0; } to { opacity: 1; } } .video-fade { animation: videoFadeIn 1s ease-in-out; }

/* Contact Form Container */
.alurion-contact-form-container input:not([type="submit"]),
.alurion-contact-form-container textarea {
    width: 100%;
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    outline: none;
    transition: border-color 0.3s ease;
    color: inherit;
    margin-bottom: 1rem;
}

.alurion-contact-form-container input:focus,
.alurion-contact-form-container textarea:focus {
    border-color: #000;
}

.alurion-contact-form-container input[type="submit"] {
    width: 100%;
    background: #000;
    color: #fff;
    font-weight: 700;
    padding: 1rem;
    border-radius: 0.75rem;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.alurion-contact-form-container input[type="submit"]:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}

/* Custom Header & Navigation spacing improvements */

/* Fluid, responsive containers for header and footer to prevent sticking to window edges */
header .container,
footer .container {
  width: 92% !important;
  max-width: 1600px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Avoid wrapping words inside navigation links */
header nav a {
  white-space: nowrap !important;
}

/* Ensure a minimum spacing between logo and navigation menu */
header nav {
  margin-left: 2rem !important;
}

/* Adjustments for large desktop screens (>= 1150px) */
@media (min-width: 1150px) {
  header nav {
    gap: 1.5rem !important; /* 24px gap */
  }
  header nav a {
    font-size: 14.5px !important; /* Accessible font size */
    letter-spacing: 0.05em !important;
  }
}

/* Layout for Notebooks and Tablets (768px to 1149px) to keep menu visible, spacious and prevent it from sticking to the logo */
@media (min-width: 768px) and (max-width: 1149px) {
  /* Force desktop-style menu visibility */
  header nav.hidden.lg\:flex {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.25rem !important;
    margin-left: 0 !important;
  }
  /* Hide the hamburger button */
  header button.lg\:hidden {
    display: none !important;
  }
  /* Transition the header container to a clean centered vertical column layout */
  header div.container > div.flex {
    flex-direction: column !important;
    height: auto !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    gap: 1rem !important;
  }
  /* Accessible font size for tablet and notebook menu */
  header nav a {
    font-size: 13.5px !important;
    letter-spacing: 0.04em !important;
    padding: 0.25rem 0.5rem !important;
  }
}

/* Mobile dropdown menu link sizing for better legibility */
@media (max-width: 767px) {
  header div.lg\:hidden nav a {
    font-size: 15px !important; /* Larger text on mobile dropdowns */
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}