/*=====================================================
  IRSA brand layer — loaded after the Babun theme CSS.
  Colors reuse the template palette only:
  #19352D · #29594B · #0C3A30 · #CFFF45 · #EDF1EE · #EBF3EE
=====================================================*/

@import url("../fonts/IBMPlexSansArabic/plex-arabic.css");

/*---------- Arabic typography ----------*/
body {
  font-family: "IBM Plex Sans Arabic", "Satoshi", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "IBM Plex Sans Arabic", "Satoshi", sans-serif;
}
/* The template's display sizes are tuned for a Latin display font;
   Arabic needs smaller sizes and taller line-height. */
h1 { font-size: clamp(34px, 4.6vw, 60px); line-height: 1.35; }
h2 { font-size: clamp(27px, 3.4vw, 44px); line-height: 1.4; }
h3 { line-height: 1.45; }
h4 { line-height: 1.5; }
p  { line-height: 1.9; }
.text-xl { font-size: clamp(19px, 2vw, 24px); line-height: 1.85; }
.text-lg { font-size: clamp(18px, 1.8vw, 22px); line-height: 1.9; }
.address-block-one .title { font-family: inherit; }
/* the template pins the nav links to Satoshi (Latin-only) — realign with the site font */
.theme-main-menu .nav-item .nav-link {
  font-family: "IBM Plex Sans Arabic", "Satoshi", sans-serif;
  font-size: 18px;
}

/* Latin fragments inside RTL text (domains, brand, numbers) */
.ltr {
  direction: ltr;
  unicode-bidi: isolate;
  display: inline-block;
}

/* Anchor sections land below the fixed header */
#home, #services, #about, #sectors, #solutions, #ecosystem, #partners, #contact {
  scroll-margin-top: 90px;
}
html { scroll-behavior: smooth; }

/*---------- Header / logo ----------*/
.irsa-logo-img {
  height: 32px;
  width: auto;
  display: block;
}
.navbar-collapse .irsa-logo-img { height: 28px; }
.footer-one .irsa-logo-img { height: 30px; }

/*---------- Hero ----------*/
.hero-banner-one {
  background: #19352D;
}
.hero-banner-one::before {
  background: radial-gradient(ellipse at 85% 15%, rgba(41, 89, 75, 0.85) 0%, rgba(25, 53, 45, 0) 55%),
              linear-gradient(180deg, rgba(12, 58, 48, 0.6) 0%, rgba(12, 58, 48, 0) 100%);
}
.hero-banner-one .hero-heading {
  background: none;
  padding: 0;
  color: #fff;
}
.hero-banner-one .hero-heading .accent { color: #CFFF45; }
.hero-banner-one .hero-eyebrow {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #CFFF45;
  border: 1px solid rgba(207, 255, 69, 0.35);
  border-radius: 30px;
  padding: 6px 20px;
  margin-bottom: 25px;
}
.hero-banner-one .more-btn {
  border-color: rgba(255, 255, 255, 0.45);
  right: auto;
  left: 4%;
  top: auto;
  bottom: 8%;
}

/* Ecosystem orbit illustration (animations reuse the template keyframes) */
.irsa-orbit { max-width: 480px; margin-inline-start: auto; }
.irsa-orbit svg { width: 100%; height: auto; display: block; }
.irsa-orbit .orbit-ring {
  transform-origin: 260px 260px;
  animation: rotated 50s infinite linear;
}
.irsa-orbit .orbit-node { animation: jumpTwo 6s infinite linear; }
.irsa-orbit .orbit-node.n2 { animation: jumpThree 7s infinite linear; }
.irsa-orbit .orbit-node.n3 { animation: jumpTwo 8s infinite linear; }
.irsa-orbit .orbit-node.n4 { animation: jumpThree 6s infinite linear; }
.irsa-orbit .orbit-node.n5 { animation: jumpTwo 7s infinite linear; }

/* Floating sparkles (template shapes + keyframes) */
.irsa-hero-sparkle-1 {
  width: 26px;
  top: 24%;
  left: 45%;
  z-index: 1;
  animation: jumpTwo 6s infinite linear;
}
.irsa-hero-sparkle-2 {
  width: 16px;
  bottom: 14%;
  right: 6%;
  z-index: 1;
  animation: jumpThree 7s infinite linear;
}
.irsa-eco-sparkle-1 {
  width: 24px;
  top: 12%;
  left: 8%;
  z-index: 0;
  animation: jumpTwo 6s infinite linear;
}
.irsa-eco-sparkle-2 {
  width: 15px;
  bottom: 10%;
  right: 6%;
  z-index: 0;
  animation: rotated 30s infinite linear;
}
.block-feature-one .shape_01 { animation: jumpTwo 6s infinite linear; }
.block-feature-one .shape_02 { animation: jumpThree 6s infinite linear; }

/*---------- Ecosystem (dark band) ----------*/
.irsa-ecosystem {
  background: #19352D;
}
.irsa-ecosystem .title-one h2 { color: #fff; }
.irsa-ecosystem .title-one .upper-title { color: #CFFF45; }
.irsa-ecosystem p { color: rgba(255, 255, 255, 0.72); }
.irsa-domain-card {
  height: 100%;
  padding: 35px 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.03);
  transition: all 0.3s ease-in-out;
}
.irsa-domain-card:hover {
  border-color: rgba(207, 255, 69, 0.6);
  transform: translateY(-4px);
}
.irsa-domain-card .domain {
  direction: ltr;
  unicode-bidi: isolate;
  display: block;
  text-align: right;
  font-size: 20px;
  font-weight: 600;
  color: #CFFF45;
  margin-bottom: 12px;
}
.irsa-domain-card h4 { color: #fff; font-size: 22px; margin-bottom: 10px; }
.irsa-domain-card p { font-size: 16px; line-height: 1.8; margin-bottom: 18px; }
.irsa-tag {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  color: #CFFF45;
  background: rgba(207, 255, 69, 0.1);
  border: 1px solid rgba(207, 255, 69, 0.35);
  border-radius: 30px;
  padding: 3px 14px;
}
.irsa-tag.on-light {
  color: #29594B;
  background: rgba(41, 89, 75, 0.07);
  border-color: rgba(41, 89, 75, 0.3);
}
.irsa-tag.available {
  color: #fff;
  background: #29594B;
  border-color: #29594B;
}
.irsa-domain-card .irsa-tag { line-height: 1.7; }

/*---------- Operating model steps ----------*/
.irsa-step {
  height: 100%;
  padding: 30px 0 10px;
  border-top: 2px solid #E9E9E9;
  transition: border-color 0.3s ease-in-out;
}
.irsa-step:hover { border-top-color: #29594B; }
.irsa-step .num {
  display: block;
  font-size: 42px;
  font-weight: 700;
  line-height: 1;
  color: #29594B;
  opacity: 0.35;
  margin-bottom: 18px;
}
.irsa-step h4 { font-size: 22px; margin-bottom: 12px; }
.irsa-step p { font-size: 16px; line-height: 1.85; margin: 0; }

/*---------- Target clients checklist ----------*/
.irsa-check-list { margin: 0; }
.irsa-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 15px 0;
  border-bottom: 1px solid #E9E9E9;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.75);
}
.irsa-check-list li:last-child { border-bottom: none; }
.irsa-check-list li i {
  color: #29594B;
  font-size: 20px;
  line-height: 1.6;
}

/*---------- Partners ----------*/
.irsa-partner-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  line-height: 1.4;
  font-size: 16px;
  font-weight: 500;
  color: #19352D;
  background: #fff;
  border: 1px solid #E9E9E9;
  border-radius: 40px;
  padding: 11px 20px;
  max-width: 100%;
  transition: all 0.3s ease-in-out;
}
.irsa-partner-chip i {
  font-size: 19px;
  color: #29594B;
  flex-shrink: 0;
}
.partner-logo-one .logo {
  height: auto !important;
  min-height: 60px;
  padding: 0 8px;
}
.partner-logo-one .item:hover .irsa-partner-chip {
  border-color: #CFFF45;
  background: #CFFF45;
}
.partner-logo-one .slick-track { display: flex; align-items: center; }

/*---------- Contact ----------*/
/* select styled to match the template's input fields (60px white rounded) */
.form-style-one .input-group-meta select {
  width: 100%;
  max-width: 100%;
  height: 60px;
  padding: 0 20px;
  border: none;
  border-radius: 8px;
  background-color: #fff;
  font-size: 18px;
  font-family: inherit;
  color: rgba(0, 0, 0, 0.7);
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2329594B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 20px center;
  cursor: pointer;
}
.form-style-one .input-group-meta select:invalid { color: rgba(0, 0, 0, 0.4); }
.irsa-wa-cta { line-height: 50px; font-size: 17px; }
.irsa-wa-cta i { font-size: 19px; margin-inline-end: 8px; vertical-align: middle; }
.address-block-one p a.call,
.address-block-one p a.webaddress { direction: ltr; unicode-bidi: isolate; display: inline-block; }
.map-banner { border-radius: 30px; overflow: hidden; background: #EBF3EE; }
.map-banner iframe { display: block; border: 0; min-height: 380px; filter: grayscale(35%); }

/*---------- Footer ----------*/
/* the template colors only <a> tags inside footer lists; plain-text items
   (subdomains, address line) need the same light color */
.footer-one .footer-nav-link li { color: rgba(255, 255, 255, 0.7); }
.footer-one .irsa-eco-list li {
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-one .footer-nav-link .irsa-tag { font-size: 11px; padding: 1px 10px; }
.footer-one .legal-name {
  font-size: 13px;
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.45);
}

/*---------- Legal / institutional panel (About) ----------*/
.irsa-legal-panel {
  background: #EBF3EE;
  border-radius: 30px;
  padding: 45px 45px 25px;
}
.irsa-legal-panel .label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #46846A;
  margin-bottom: 10px;
}
.irsa-legal-panel p {
  font-size: 16px;
  line-height: 1.9;
  color: #19352D;
}
@media (max-width: 767px) {
  .irsa-legal-panel { padding: 30px 25px 10px; }
}

/*---------- Floating WhatsApp ----------*/
.irsa-whatsapp {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #CFFF45;
  color: #19352D;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 25px rgba(12, 58, 48, 0.3);
  transition: all 0.3s ease-in-out;
}
.irsa-whatsapp:hover {
  background: #29594B;
  color: #fff;
  transform: translateY(-3px);
}

/*---------- Misc ----------*/
/* theme.js fades this in after 200px of scroll; hide it until then */
.scroll-top { display: none; }

/* The template paints a fixed-proportion tint (top -> bottom:17%) sized for
   the demo's content height; with IRSA content it cuts mid-section.
   Sections that need a tinted band use .light-bg-deep (full height) instead. */
.block-feature-one::before { display: none; }

/*---------- Small screens ----------*/
@media (max-width: 767px) {
  .hero-banner-one .hero-heading br { display: none; }
  .irsa-hero-sparkle-2 { display: none; }
  .irsa-step { padding-top: 22px; }
  .irsa-check-list li { font-size: 16px; }
}