/*
Theme Name:  Elite Diamonds Engineering Technologies
Theme URI:   https://www.eliteengtech.com
Author:      Elite Diamonds LLC
Description: Custom theme for Elite Diamonds Engineering Technologies
Version:     1.0
License:     Proprietary
Text Domain: edet
*/

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Barlow:wght@300;400;600;700&display=swap');

/* ===========================================================
   ELITE DIAMONDS ENGINEERING TECHNOLOGIES — THEME STYLES
   All classes prefixed with edet- to avoid WP conflicts
=========================================================== */

/* ── RESET & BASE ─────────────────────────────────────────── */
.edet-wrap *, .edet-wrap *::before, .edet-wrap *::after {
  box-sizing: border-box; margin: 0; padding: 0;
}
.edet-wrap {
  font-family: 'Inter', sans-serif;
  color: #343A40;
  background: #FFFFFF;
  line-height: 1.6;
}
.edet-wrap a { color: inherit; text-decoration: none; }
.edet-wrap ul { list-style: none; }

/* ── CSS VARIABLES ────────────────────────────────────────── */
.edet-wrap {
  --g50:  #F8F9FA; --g100: #F1F3F5; --g200: #E9ECEF;
  --g300: #DEE2E6; --g400: #CED4DA; --g500: #ADB5BD;
  --g600: #6C757D; --g700: #495057; --g800: #343A40; --g900: #212529;
  --wh:   #FFFFFF;
  --acc:  #2563EB; --accl: #DBEAFE; --accm: #3B82F6; --dia: #60A5FA;
}

/* ── SHARED UTILITIES ─────────────────────────────────────── */
.edet-container { max-width: 1240px; margin: 0 auto; padding: 0 2rem; }
.edet-section   { padding: 5rem 0; }
.edet-label {
  font-size: 11px; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: var(--acc); margin-bottom: .75rem;
  display: block;
}
.edet-title {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(1.75rem, 3vw, 2.4rem);
  font-weight: 700; color: var(--g900); line-height: 1.2; margin-bottom: 1rem;
}
.edet-sub {
  font-size: 1rem; color: var(--g600); max-width: 640px; line-height: 1.7;
}
.edet-hdr        { margin-bottom: 3rem; }
.edet-hdr.center { text-align: center; }
.edet-hdr.center .edet-sub { margin: 0 auto; }

.edet-btn-primary {
  display: inline-block; background: var(--acc); color: var(--wh);
  padding: 13px 28px; border-radius: 6px;
  font-size: 14px; font-weight: 600; transition: background .2s; border: none; cursor: pointer;
}
.edet-btn-primary:hover { background: #1d4ed8; color: var(--wh); }
.edet-btn-outline {
  display: inline-block; background: transparent; color: var(--wh);
  border: 1.5px solid rgba(255,255,255,.4);
  padding: 13px 28px; border-radius: 6px;
  font-size: 14px; font-weight: 600; transition: border-color .2s, background .2s;
}
.edet-btn-outline:hover { border-color: rgba(255,255,255,.8); background: rgba(255,255,255,.08); color: var(--wh); }

/* ── NAV ──────────────────────────────────────────────────── */
/* NOTE FOR WORDPRESS: Hide this nav block if your WordPress theme
   already provides a header/nav. Use CSS: .edet-nav { display: none; }
   in your child theme and rely on the WP menu instead. */
.edet-nav {
  position: sticky; top: 0; z-index: 1000;
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid var(--g200);
  backdrop-filter: blur(8px);
  height: 72px; display: flex; align-items: center;
}
.edet-nav-inner {
  max-width: 1240px; width: 100%; margin: 0 auto; padding: 0 2rem;
  display: flex; align-items: center; justify-content: space-between;
}
.edet-logo { display: flex; align-items: center; gap: 12px; }
.edet-logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.edet-logo-text .brand  { font-size: 14px; font-weight: 700; color: var(--g900); letter-spacing: .02em; }
.edet-logo-text .tagline{ font-size: 10px; font-weight: 400; color: var(--g500); letter-spacing: .08em; text-transform: uppercase; }
.edet-nav-links { display: flex; align-items: center; gap: 2rem; }
.edet-nav-links a { font-size: 13.5px; font-weight: 500; color: var(--g700); transition: color .2s; }
.edet-nav-links a:hover { color: var(--acc); }
.edet-nav-cta {
  background: var(--acc) !important; color: var(--wh) !important;
  padding: 8px 20px; border-radius: 6px; font-size: 13px !important; transition: background .2s !important;
}
.edet-nav-cta:hover { background: #1d4ed8 !important; }
.edet-menu-btn { display: none; background: none; border: none; cursor: pointer; padding: 4px; }
.edet-mobile-nav {
  display: none; position: fixed; inset: 0; z-index: 999;
  background: var(--wh); padding: 80px 2rem 2rem; flex-direction: column; gap: 1.5rem;
}
.edet-mobile-nav.open { display: flex; }
.edet-mobile-nav a {
  font-size: 18px; font-weight: 500; color: var(--g800);
  border-bottom: 1px solid var(--g200); padding-bottom: 1rem;
}

/* ── HERO ─────────────────────────────────────────────────── */
.edet-hero {
  position: relative; overflow: hidden;
  background: var(--g900); min-height: 90vh;
  display: flex; flex-direction: column; justify-content: center;
}
.edet-slideshow { position: absolute; inset: 0; z-index: 0; }
.edet-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1.2s ease; }
.edet-slide.active { opacity: 1; }
.edet-hero-content {
  position: relative; z-index: 2;
  max-width: 1240px; margin: 0 auto;
  padding: 5rem 2rem 4rem;
  display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center;
}
.edet-eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  background: rgba(37,99,235,.2); border: 1px solid rgba(96,165,250,.3);
  color: var(--dia); font-size: 12px; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  padding: 6px 14px; border-radius: 20px; margin-bottom: 1.5rem;
}
.edet-hero-title {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  font-weight: 700; color: var(--wh); line-height: 1.15; margin-bottom: 1.25rem;
}
.edet-hero-title span { color: var(--dia); }
.edet-hero-desc {
  font-size: 1.05rem; color: rgba(255,255,255,.72);
  line-height: 1.75; margin-bottom: 2rem; max-width: 520px;
}
.edet-hero-btns { display: flex; gap: 1rem; flex-wrap: wrap; }
.edet-hero-panel { display: flex; flex-direction: column; gap: 1rem; }
.edet-panel-card {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px; padding: 1.5rem; backdrop-filter: blur(4px);
}
.edet-panel-card h4 {
  color: var(--dia); font-size: 11px; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase; margin-bottom: 1rem;
}
.edet-tech-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.edet-tech-tag {
  background: rgba(37,99,235,.2); border: 1px solid rgba(96,165,250,.25);
  color: rgba(255,255,255,.85); font-size: 12px; font-weight: 500;
  padding: 5px 12px; border-radius: 4px;
}
.edet-dots {
  position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);
  z-index: 3; display: flex; gap: 8px;
}
.edet-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(255,255,255,.35); cursor: pointer;
  transition: background .3s, transform .3s; border: none;
}
.edet-dot.active { background: var(--dia); transform: scale(1.3); }

/* ── ABOUT ────────────────────────────────────────────────── */
.edet-about { background: var(--g50); border-top: 1px solid var(--g200); border-bottom: 1px solid var(--g200); }
.edet-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
.edet-about-img  {
  position: relative; border-radius: 12px; overflow: hidden;
  background: var(--g900); aspect-ratio: 4/3;
}
.edet-about-text p { color: var(--g600); line-height: 1.8; margin-bottom: 1rem; }
.edet-values { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }
.edet-val {
  background: var(--wh); border: 1px solid var(--g200);
  border-radius: 8px; padding: 1rem 1.25rem;
}
.edet-val .vi { font-size: 1.3rem; margin-bottom: .4rem; }
.edet-val h5 { font-size: 13px; font-weight: 600; color: var(--g800); margin-bottom: .2rem; }
.edet-val p  { font-size: 12px; color: var(--g500); margin: 0; }

/* ── SERVICES ─────────────────────────────────────────────── */
.edet-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.edet-svc {
  background: var(--wh); border: 1px solid var(--g200);
  border-radius: 12px; padding: 1.75rem;
  transition: box-shadow .2s, border-color .2s, transform .2s;
  display: flex; flex-direction: column;
}
.edet-svc:hover { box-shadow: 0 8px 30px rgba(0,0,0,.07); border-color: var(--accm); transform: translateY(-2px); }
.edet-svc-icon {
  width: 48px; height: 48px; border-radius: 10px;
  background: var(--accl); display: flex; align-items: center; justify-content: center;
  margin-bottom: 1.25rem; flex-shrink: 0;
}
.edet-svc-icon svg { width: 24px; height: 24px; stroke: var(--acc); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.edet-svc h3 { font-size: 16px; font-weight: 600; color: var(--g900); margin-bottom: .6rem; }
.edet-svc p  { font-size: 13.5px; color: var(--g600); line-height: 1.7; margin-bottom: 1rem; }
.edet-svc-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
.edet-tag {
  background: var(--g100); color: var(--g700);
  font-size: 11px; font-weight: 500; padding: 3px 9px;
  border-radius: 4px; border: 1px solid var(--g200);
}

/* ── SOFTWARE EXPERTISE ───────────────────────────────────── */
.edet-exp-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
.edet-exp-card {
  background: var(--wh); border: 1px solid var(--g200);
  border-radius: 12px; overflow: hidden;
}
.edet-exp-head {
  background: var(--g900); padding: 1.25rem 1.5rem;
}
.edet-exp-head .ename { font-family: 'Barlow', sans-serif; font-size: 18px; font-weight: 700; color: var(--wh); }
.edet-exp-head .evendor { font-size: 12px; color: rgba(255,255,255,.5); letter-spacing: .05em; }
.edet-exp-body { padding: 1.25rem 1.5rem; }
.edet-exp-list { display: flex; flex-direction: column; gap: .6rem; }
.edet-exp-item {
  display: flex; align-items: flex-start; gap: 10px;
  padding: .6rem .8rem; border-radius: 6px;
  background: var(--g50); border: 1px solid var(--g200);
}
.edet-exp-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--acc); flex-shrink: 0; margin-top: 7px; }
.edet-exp-name { font-size: 13px; font-weight: 600; color: var(--g800); }
.edet-exp-desc { font-size: 12px; color: var(--g500); line-height: 1.5; }

/* ── SOLUTIONS ────────────────────────────────────────────── */
.edet-sol-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.edet-sol {
  border-radius: 12px; border: 1px solid var(--g200);
  overflow: hidden; transition: box-shadow .2s;
}
.edet-sol:hover { box-shadow: 0 12px 36px rgba(0,0,0,.08); }
.edet-sol-head {
  padding: 1.5rem 1.75rem; background: var(--g900);
  display: flex; align-items: center; gap: 1rem;
}
.edet-sol-num {
  font-family: 'Barlow', sans-serif; font-size: 2rem; font-weight: 700;
  color: rgba(255,255,255,.12); line-height: 1; user-select: none;
}
.edet-sol-head h3 { font-size: 17px; font-weight: 600; color: var(--wh); }
.edet-sol-body { padding: 1.5rem 1.75rem; background: var(--wh); }
.edet-sol-body p { font-size: 13.5px; color: var(--g600); line-height: 1.75; margin-bottom: 1rem; }
.edet-sol-list { display: flex; flex-direction: column; gap: .5rem; }
.edet-sol-item {
  display: flex; align-items: flex-start; gap: 10px;
  font-size: 13px; color: var(--g700);
}
.edet-sol-item::before {
  content: ''; width: 16px; height: 16px; border-radius: 50%; min-width: 16px;
  background: var(--accl); border: 1px solid var(--acc); flex-shrink: 0; margin-top: 2px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%232563EB' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l3 3 5-5'/%3E%3C/svg%3E");
  background-size: 12px; background-repeat: no-repeat; background-position: center;
}

/* ── AI SECTION ───────────────────────────────────────────── */
.edet-ai { background: var(--g900); position: relative; overflow: hidden; }
.edet-ai::before {
  content: ''; position: absolute; top: -40%; right: -10%;
  width: 600px; height: 600px; border-radius: 50%;
  background: radial-gradient(circle, rgba(37,99,235,.12) 0%, transparent 70%);
  pointer-events: none;
}
.edet-ai-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.edet-ai-content .edet-label { color: var(--dia); }
.edet-ai-content .edet-title { color: var(--wh); }
.edet-ai-content .edet-sub { color: rgba(255,255,255,.65); max-width: 100%; }
.edet-ai-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }
.edet-ai-card {
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px; padding: 1.25rem;
}
.edet-ai-card h5 { font-size: 13px; font-weight: 600; color: var(--dia); margin-bottom: .5rem; }
.edet-ai-card p  { font-size: 12.5px; color: rgba(255,255,255,.6); line-height: 1.6; }

/* ── WHY ──────────────────────────────────────────────────── */
.edet-why { background: var(--g50); }
.edet-why-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
.edet-why-card {
  background: var(--wh); border: 1px solid var(--g200);
  border-radius: 12px; padding: 2rem 1.5rem; text-align: center;
}
.edet-why-card .wi { font-size: 2.5rem; margin-bottom: 1rem; }
.edet-why-card h4 { font-size: 15px; font-weight: 600; color: var(--g900); margin-bottom: .5rem; }
.edet-why-card p  { font-size: 13px; color: var(--g600); line-height: 1.7; }

/* ── CONTACT ──────────────────────────────────────────────── */
.edet-contact { background: var(--wh); }
.edet-contact-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-bottom: 3rem; }
.edet-ccard {
  background: var(--g50); border: 1px solid var(--g200);
  border-radius: 12px; padding: 1.75rem; text-align: center;
}
.edet-ccard-icon {
  width: 52px; height: 52px; border-radius: 50%;
  background: var(--accl); display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1rem;
}
.edet-ccard-icon svg { width: 22px; height: 22px; stroke: var(--acc); fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.edet-ccard h4 { font-size: 13px; font-weight: 700; color: var(--g900); margin-bottom: .5rem; text-transform: uppercase; letter-spacing: .05em; }
.edet-ccard p  { font-size: 14px; color: var(--g700); line-height: 1.6; }
.edet-ccard a  { color: var(--acc); font-weight: 500; }
.edet-contact-cta {
  background: var(--g900); border-radius: 16px; padding: 3rem;
  text-align: center;
}
.edet-contact-cta h3 {
  font-family: 'Barlow', sans-serif;
  font-size: clamp(1.5rem, 2.5vw, 2rem);
  font-weight: 700; color: var(--wh); margin-bottom: 1rem;
}
.edet-contact-cta p { font-size: 1rem; color: rgba(255,255,255,.65); max-width: 560px; margin: 0 auto 2rem; line-height: 1.7; }
.edet-contact-cta-btns { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.edet-email-btn {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--acc); color: var(--wh); padding: 14px 28px;
  border-radius: 6px; font-size: 15px; font-weight: 600; transition: background .2s;
}
.edet-email-btn:hover { background: #1d4ed8; color: var(--wh); }

/* ── FOOTER ───────────────────────────────────────────────── */
/* NOTE FOR WORDPRESS: Hide .edet-footer if your theme provides a footer. */
.edet-footer { background: var(--g900); color: rgba(255,255,255,.65); padding: 3rem 0 1.5rem; }
.edet-footer-top {
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 3rem; padding-bottom: 2.5rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.edet-footer-brand .brand   { color: var(--wh) !important; font-size: 15px; }
.edet-footer-brand .tagline { color: rgba(255,255,255,.4) !important; }
.edet-footer-brand p { font-size: 13px; line-height: 1.7; margin-top: 1rem; max-width: 280px; }
.edet-fcol h5 { font-size: 12px; font-weight: 700; color: var(--wh); text-transform: uppercase; letter-spacing: .1em; margin-bottom: 1rem; }
.edet-fcol li { margin-bottom: .6rem; }
.edet-fcol li a { font-size: 13px; color: rgba(255,255,255,.55); transition: color .2s; }
.edet-fcol li a:hover { color: var(--wh); }
.edet-footer-bot {
  padding-top: 1.5rem; display: flex; justify-content: space-between;
  align-items: center; font-size: 12px;
}
.edet-footer-bot a { color: rgba(255,255,255,.4); margin-left: 1rem; }

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width: 1024px) {
  .edet-services-grid   { grid-template-columns: repeat(2, 1fr); }
  .edet-footer-top      { grid-template-columns: 1fr 1fr; gap: 2rem; }
}
@media (max-width: 768px) {
  .edet-nav-links       { display: none; }
  .edet-menu-btn        { display: block; }
  .edet-hero-content    { grid-template-columns: 1fr; gap: 2rem; }
  .edet-hero-panel      { display: none; }
  .edet-about-grid,
  .edet-sol-grid,
  .edet-ai-grid         { grid-template-columns: 1fr; gap: 2rem; }
  .edet-services-grid,
  .edet-exp-grid,
  .edet-why-grid,
  .edet-contact-cards   { grid-template-columns: 1fr; }
  .edet-ai-cards        { grid-template-columns: 1fr; }
  .edet-footer-top      { grid-template-columns: 1fr; gap: 2rem; }
  .edet-footer-bot      { flex-direction: column; gap: .75rem; text-align: center; }
  .edet-values          { grid-template-columns: 1fr; }
  .edet-contact-cta     { padding: 2rem 1.25rem; }
}