/* ═══════════════════════════════════════════
   ADMASTER CHILD THEME — Global Styles
   theme.css
═══════════════════════════════════════════ */

/* ── CSS Custom Properties ─────────────── */
:root {
  --adm-primary:    #5c6eee;
  --adm-primary-d:  #4252cc;
  --adm-violet:     #7c3aed;
  --adm-teal:       #0ea5e9;
  --adm-emerald:    #10b981;
  --adm-dark:       #0f172a;
  --adm-dark-2:     #1e293b;
  --adm-dark-3:     #334155;
  --adm-muted:      #64748b;
  --adm-light:      #f1f5f9;
  --adm-light-2:    #f8fafc;
  --adm-border:     #e2e8f0;
  --adm-white:      #ffffff;

  --adm-radius-sm:  6px;
  --adm-radius:     12px;
  --adm-radius-lg:  20px;
  --adm-radius-xl:  28px;

  --adm-shadow-sm:  0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);
  --adm-shadow:     0 4px 16px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.05);
  --adm-shadow-lg:  0 12px 40px rgba(0,0,0,.12), 0 4px 12px rgba(0,0,0,.06);
  --adm-shadow-pri: 0 8px 24px rgba(92,110,238,.3);

  --adm-font:       'Cairo', sans-serif;
  --adm-header-h:   72px;
  --adm-container:  1180px;

  --adm-grad-pri:   linear-gradient(135deg, var(--adm-primary) 0%, var(--adm-violet) 100%);
  --adm-grad-dark:  linear-gradient(135deg, #0f172a 0%, #1a2744 100%);
}

/* ── Base Reset ─────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--adm-font);
  font-size: 16px;
  line-height: 1.7;
  color: var(--adm-dark);
  background: var(--adm-white);
  direction: rtl;
  -webkit-font-smoothing: antialiased;
}

.adm-page-wrap {
  min-height: calc(100vh - var(--adm-header-h));
  padding-top: var(--adm-header-h);
}

img { max-width: 100%; height: auto; display: block; }
a   { color: var(--adm-primary); text-decoration: none; transition: color .2s; }
a:hover { color: var(--adm-primary-d); }

/* ── Utility ────────────────────────────── */
.adm-btn-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: var(--adm-grad-pri);
  color: #fff;
  border-radius: var(--adm-radius);
  font-weight: 700;
  font-size: .95rem;
  border: none;
  cursor: pointer;
  transition: transform .2s, box-shadow .2s;
  box-shadow: var(--adm-shadow-pri);
}
.adm-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(92,110,238,.4);
  color: #fff;
}

/* ── Breadcrumb (shared) ────────────────── */
.adm-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .85rem;
  color: rgba(255,255,255,.7);
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.adm-breadcrumb a { color: rgba(255,255,255,.85); }
.adm-breadcrumb a:hover { color: #fff; }
.adm-bc-sep { opacity: .5; }
.adm-bc-current { color: rgba(255,255,255,.6); }

/* ── Scrollbar ──────────────────────────── */
::-webkit-scrollbar       { width: 6px; }
::-webkit-scrollbar-track { background: var(--adm-light); }
::-webkit-scrollbar-thumb { background: var(--adm-primary); border-radius: 3px; }

/* ── Selection ──────────────────────────── */
::selection { background: var(--adm-primary); color: #fff; }

/* ── Global Button Reset (override WP/Elementor pink defaults) ────────── */
/*
  WordPress block styles and Elementor set a default pink/magenta button color.
  We reset ALL button and button-like elements site-wide to use our brand colors.
*/
button:not(.adm-hamburger):not([class*="elementor"]):not([class*="ekit"]),
input[type="submit"],
input[type="button"],
input[type="reset"],
.wp-block-button__link,
.wp-element-button,
.adm-share-btn {
  appearance: none;
  -webkit-appearance: none;
}

/* WP block buttons — replace pink with brand gradient */
.wp-block-button__link,
.wp-element-button {
  background: var(--adm-grad-pri) !important;
  color: #fff !important;
  border-color: transparent !important;
  font-family: var(--adm-font) !important;
  border-radius: var(--adm-radius) !important;
  transition: transform .2s, box-shadow .2s !important;
}
.wp-block-button__link:hover,
.wp-element-button:hover {
  color: #fff !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--adm-shadow-pri) !important;
}

/* Share / generic buttons — ensure no pink background */
.adm-share-btn {
  background: var(--adm-white) !important;
  color: var(--adm-dark-3) !important;
  border: 1.5px solid var(--adm-border) !important;
}
.adm-share-btn:hover {
  background: var(--adm-white) !important;
  border-color: var(--adm-primary) !important;
  color: var(--adm-primary) !important;
}
.adm-share-btn[data-platform="facebook"]:hover { border-color: #1877f2 !important; color: #1877f2 !important; }
.adm-share-btn[data-platform="twitter"]:hover  { border-color: #000 !important; color: #000 !important; }
.adm-share-btn[data-platform="whatsapp"]:hover { border-color: #25d366 !important; color: #25d366 !important; }
.adm-share-btn.copied { border-color: var(--adm-emerald) !important; color: var(--adm-emerald) !important; }

/* ── Comments Global Override ────────────── */
.comment-form input,
.comment-form textarea {
  font-family: var(--adm-font);
  border: 1.5px solid var(--adm-border);
  border-radius: var(--adm-radius-sm);
  padding: 10px 14px;
  width: 100%;
  transition: border-color .2s;
}
.comment-form input:focus,
.comment-form textarea:focus {
  outline: none;
  border-color: var(--adm-primary);
}
.comment-form .submit {
  background: var(--adm-grad-pri);
  color: #fff;
  border: none;
  padding: 10px 28px;
  border-radius: var(--adm-radius-sm);
  font-family: var(--adm-font);
  font-weight: 700;
  cursor: pointer;
  transition: transform .2s;
}
.comment-form .submit:hover { transform: translateY(-2px); }