/* =============================================================
   Elman Ajdir — Dark Glassmorphism & Rounded Corner Upgrade
   Loaded as the last <link> in <head> on every page so these
   declarations win over per-page <style> blocks at equal
   specificity (same selector → later source wins in CSS cascade).

   RTL-safe: every border-radius here is a single value or fully
   symmetric 4-value shorthand.  No directional properties
   (margin-left, padding-right, text-align, etc.) are touched.
   Blog light-theme cards (.fc, .ac2) get radius only — no
   bg / backdrop change — to preserve the light cream palette.
   ============================================================= */


/* ── Service cards ──────────────────────────────────────────── */
.sc {
  background: rgba(22, 24, 29, 0.55);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
}

.sc:hover {
  border-color: rgba(217, 119, 87, 0.30);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45),
              0 0 40px rgba(217, 119, 87, 0.12);
}


/* ── Generic bordered info / image cards ────────────────────── */
.gb {
  background: rgba(255, 255, 255, 0.025);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.30);
}


/* ── Glass stat bar, testimonial cards, mobile menu ─────────── */
.glass {
  background: rgba(18, 19, 21, 0.65);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.37);
}


/* ── Contact channel cards ──────────────────────────────────── */
.contact-channel {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(12px) saturate(180%);
  -webkit-backdrop-filter: blur(12px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.30);
}

.contact-channel:hover {
  border-color: rgba(217, 119, 87, 0.35);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.40);
}


/* ── Blog: featured card (light theme – radius only) ────────── */
.fc {
  border-radius: 16px;
}

/* ── Blog: article grid cards (light theme – radius only) ────── */
.ac2 {
  border-radius: 16px;
}

/* Blog card image containers clip to parent radius via
   overflow:hidden already on .fc and .ac2 – no extra rule needed */


/* ── Author card (blog post page) ──────────────────────────── */
.auc {
  border-radius: 16px;
}

/* ── Sidebar blocks (blog post page) ───────────────────────── */
.sbl {
  border-radius: 16px;
}

/* ── Realisation project cards ──────────────────────────────── */
.project-card {
  border-radius: 16px;
}

/* ── Share bar (blog post page) ─────────────────────────────── */
.shbar {
  border-radius: 12px;
}

/* ── CTA block inside blog post sidebar ─────────────────────── */
.ctab {
  border-radius: 16px;
}


/* ── Partner marquee pills ──────────────────────────────────── */
.partner-pill {
  border-radius: 12px;
}


/* ── Primary & secondary CTA buttons ────────────────────────── */
.btn-p,
.btn-s,
.btn,
.nc {
  border-radius: 10px;
}


/* ── Form inputs – services pages (overrides 4 px inline rule) ─
   Element selectors are lower specificity than Tailwind's
   .rounded-* classes so contact-page Tailwind inputs are unaffected. */
input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  border-radius: 10px;
}


/* ── Form success banner ─────────────────────────────────────── */
#form-success {
  border-radius: 16px;
}


/* ── FAQ accordion items ─────────────────────────────────────── */
.faq-item {
  border-radius: 12px;
}

/* ── Service type/feature cards ─────────────────────────────── */
.type-card {
  border-radius: 16px;
}
