/*
Theme Name: Ekonnect Knowledge Foundation
Theme URI: https://ekonnect.net
Author: Environmental Management Centre Pvt Ltd
Author URI: https://ekonnect.net
Description: Custom theme for Ekonnect Knowledge Foundation, built from the approved static design (home / about / partnerships / career / contact / five service pages), with admin-editable Career page, MoU Partners, Academy Programs, Service Offerings, People (Advisory Board + Team), Service Brochures, scrolling image galleries, and editable Home/About text.
Version: 3.0.0
Requires at least: 5.9
Requires PHP: 7.4
Text Domain: ekonnect
*/

/* ==========================================================================
   GLOBAL / SHARED STYLES
   Loaded on every page. Page-specific styles live in assets/css/ and are
   enqueued only on their matching page template (see functions.php).
   ========================================================================== */

:root{
  --red:#DA332C; --magenta:#9B3B84; --blue:#4A76B9; --teal:#57A891; --orange:#F0A320;
  --ink:#262320; --ink-soft:#665F58; --paper:#FEFCF9; --line:#E4DDD1;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{ background:var(--paper); color:var(--ink); font-family:'Work Sans', sans-serif; -webkit-font-smoothing:antialiased; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

/* ---------- nav (shared shell, per-page tweaks live in page CSS) ---------- */
.nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1.75rem 6vw;
  border-bottom:1px solid var(--line);
}
.nav-logo{ display:flex; align-items:center; gap:0.6rem; }
.nav-logo img{ height:36px; width:auto; }
.nav-links{ display:flex; gap:0.75rem; align-items:center; }
.nav-btn{
  font-family:'Work Sans', sans-serif;
  font-size:13px;
  font-weight:500;
  padding:0.6rem 1.3rem;
  border-radius:999px;
  border:1.5px solid var(--ink);
}
.nav-btn:hover{ background:var(--ink); color:var(--paper); }
.nav-btn.primary{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
.nav-btn.primary:hover{ opacity:0.85; }

@media (max-width:900px){
  .nav-btn.hide-mobile{ display:none; }
}

/* ---------- footer (shared) ---------- */
.footer{
  padding:3rem 6vw;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
}
.footer-logo{ height:30px; opacity:0.7; }
.footer-text{ font-size:12px; color:var(--ink-soft); }
.back-home{ font-size:12px; color:var(--ink-soft); }
.back-home:hover{ color:var(--red); }

/* ---------- scrolling image gallery (shared across all pages) ---------- */
.ekonnect-gallery-section{ padding:5vh 0; overflow:hidden; }
.ekonnect-gallery-heading{
  font-family:'Bitter', serif;
  font-weight:600;
  font-size:13px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--ink-soft);
  text-align:center;
  margin-bottom:1.6rem;
}
.ekonnect-gallery{
  overflow:hidden;
  width:100%;
  cursor:pointer;
  outline:none;
}
.ekonnect-gallery-track{
  display:flex;
  width:max-content;
  animation-name:ekonnect-gallery-scroll;
  animation-timing-function:linear;
  animation-iteration-count:infinite;
}
.ekonnect-gallery.paused .ekonnect-gallery-track{ animation-play-state:paused; }
.ekonnect-gallery:focus-visible .ekonnect-gallery-track{ animation-play-state:paused; }
.ekonnect-gallery-item{
  flex:0 0 auto;
  width:280px;
  height:180px;
  margin-right:16px;
  border-radius:12px;
  overflow:hidden;
  background:var(--paper);
}
.ekonnect-gallery-item img{ width:100%; height:100%; object-fit:cover; display:block; }

@keyframes ekonnect-gallery-scroll{
  from{ transform:translateX(-50%); }
  to{ transform:translateX(0%); }
}

@media (max-width:700px){
  .ekonnect-gallery-item{ width:200px; height:130px; margin-right:12px; }
}