/* =========================
   Contact Plus (Unique)
   Prefix: aljcu-
========================= */

:root{
  --aj-primary:#48BCCC;
  --aj-secondary:#4d2d79;

  --aj-ink:#111827;
  --aj-muted:rgba(17,24,39,.68);

  --aj-card-bg:#ffffff;
  --aj-card-border:rgba(17,24,39,.10);
  --aj-card-shadow:0 14px 40px rgba(16,24,40,.08);

  --aj-field-bg:#f9fafc;
  --aj-field-border:rgba(17,24,39,.12);
}

/* Layout */
.aljcu-section{ padding: 40px 0 80px; }
.aljcu-row{ max-width: 1200px; margin: 0 auto; }

/* ===== LEFT CARD (Branches) ===== */
.aljcu-side{ height:100%; }

.aljcu-card{
  height:100%;
  border:1px solid #eef0f4;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(16,24,40,.06);

  /* مهم: عشان محتوى الكارت يتمدد ويخلي الماب يثبت تحت */
  display:flex;
  flex-direction:column;
}

[data-bs-theme="dark"] .aljcu-card{
  background: rgba(15,23,42,.92);
  border-color: rgba(51,65,85,.75);
  box-shadow: 0 22px 60px rgba(0,0,0,.55);
}

.aljcu-card-head{
  padding:12px;
  display:flex;
  gap:10px;
  justify-content:center;
  border-bottom:1px solid #f1f2f6;
}

[data-bs-theme="dark"] .aljcu-card-head{
  border-bottom-color: rgba(148,163,184,.18);
}

.aljcu-tab{
  border:0;
  background:#f6f7fb;
  color:#111827;
  padding:9px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  transition: transform .15s ease, filter .15s ease;
}
.aljcu-tab:hover{ transform: translateY(-1px); filter: brightness(.98); }

.aljcu-tab.active{
  background: var(--aj-secondary);
  color:#fff;
}

.aljcu-pane{ display:none; }
.aljcu-pane.is-active{
  display:block;
  flex:1 1 auto;
}

.aljcu-card-body{
  padding:18px;
  display:flex;
  flex-direction:column;
  height:100%;
}

.aljcu-title,
.aljcu-subtitle,
.aljcu-text{ text-align:start; }

.aljcu-title{
  font-size:22px;
  font-weight:900;
  color:#111827;
  margin:8px 0 10px;
}
[data-bs-theme="dark"] .aljcu-title{ color: rgba(255,255,255,.92); }

.aljcu-subtitle{
  font-size:18px;
  font-weight:900;
  color:#111827;
  margin:14px 0 8px;
}
[data-bs-theme="dark"] .aljcu-subtitle{ color: rgba(255,255,255,.92); }

.aljcu-meta{ margin-top: 8px; }

.aljcu-meta-row{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-start;
  font-size:13px;
  margin-bottom:8px;
}

.aljcu-k{ color:#6b7280; font-weight:800; }
[data-bs-theme="dark"] .aljcu-k{ color: rgba(226,232,240,.70); }

.aljcu-v{
  color: var(--aj-secondary);
  font-weight:900;
  text-decoration:none;
  direction:ltr;
  unicode-bidi: plaintext;
}
.aljcu-v:hover{ text-decoration: underline; }

.aljcu-sep{
  border:0;
  border-top:1px solid rgba(17,24,39,.18);
  margin:14px 0;
}
[data-bs-theme="dark"] .aljcu-sep{
  border-top-color: rgba(148,163,184,.22);
}

.aljcu-text{
  color: rgba(17,24,39,.70);
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 12px;
}
[data-bs-theme="dark"] .aljcu-text{
  color: rgba(226,232,240,.72);
}

/* Map */
.aljcu-map{
  margin-top:22px;
  border:1px solid #eef0f4;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}
[data-bs-theme="dark"] .aljcu-map{
  border-color: rgba(148,163,184,.18);
  background: rgba(2,6,23,.25);
}

/* ده المهم لتسوية الكارتين: الماب يتمدد لأسفل */
/* .aljcu-map--grow{
  margin-top:auto;
} */

.aljcu-map iframe{
  width:100%;
  height:295px;
  border:0;
  display:block;
}

/* ===== RIGHT FORM CARD ===== */
.aljcu-formCard{
  height:100%;
  background: var(--aj-card-bg);
  border: 1px solid var(--aj-card-border);
  border-radius: 18px;
  box-shadow: var(--aj-card-shadow);
  overflow:hidden;
  position:relative;
  display:flex;
  flex-direction:column;
}

[data-bs-theme="dark"] .aljcu-formCard{
  background: rgba(15,23,42,.92);
  border-color: rgba(51,65,85,.75);
  /* box-shadow: 0 22px 60px rgba(0,0,0,.55); */
}

/* Shape من الهوية */
.aljcu-formCard::before{
  content:"";
  position:absolute;
  top:-18px;
  inset-inline-end:-22px;
  width:150px;
  height:150px;
  /* background: rgba(77,45,121,.08);
  clip-path: polygon(25% 0%, 85% 0%, 100% 35%, 80% 100%, 15% 100%, 0% 40%); */
  pointer-events:none;
  transition: transform .25s ease, opacity .25s ease;
  opacity:1;
}

.aljcu-formCard:hover::before{
  transform: scale(1.05);
  opacity:.55;
}

[data-bs-theme="dark"] .aljcu-formCard::before{
  /* background: rgba(72,188,204,.10); */
  opacity:.9;
}

.aljcu-formCard__head{
  padding: 22px 22px 0;
}

.aljcu-formCard__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 900;
  font-size: 12px;
  color: var(--aj-secondary);
  /* background: rgba(77,45,121,.08); */
  border: 1px solid rgba(77,45,121,.14);
}

.aljcu-formCard__title{
  margin: 12px 0 6px;
  font-weight: 900;
  color: var(--aj-ink);
  font-size: 20px;
  line-height: 1.35;
}

[data-bs-theme="dark"] .aljcu-formCard__title{
  color: rgba(255,255,255,.92);
}

.aljcu-formCard__sub{
  margin: 0;
  color: rgba(17,24,39,.68);
  font-size: 13.5px;
  line-height: 1.8;
}

[data-bs-theme="dark"] .aljcu-formCard__sub{
  color: rgba(226,232,240,.72);
}

.aljcu-formCard__body{
  padding: 18px 22px 22px;
  margin-top: 6px;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
}

/* Labels */
.aljcu-fLabel{
  display:block;
  margin-bottom: 6px;
  font-weight: 800;
  font-size: 13px;
  color: rgba(17,24,39,.82);
}
[data-bs-theme="dark"] .aljcu-fLabel{
  color: rgba(226,232,240,.85);
}

.aljcu-fReq{
  color: var(--aj-primary);
  font-weight: 900;
  margin-inline-start: 4px;
}

/* Inputs */
.aljcu-fInput{
  width: 100%;
  min-height: 46px;
  border-radius: 12px;
  padding: 12px 14px;
  border: 1px solid var(--aj-field-border);
  background: var(--aj-field-bg);
  outline: none;
  color: rgba(17,24,39,.86);
  font-weight: 700;
  font-size: 14px;

  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease, background .2s ease;
}

.aljcu-fInput::placeholder{ color: rgba(17,24,39,.35); }

.aljcu-fTextarea{
  min-height: 150px;
  resize: vertical;
  padding-top: 12px;
}

.aljcu-fSelect{
  appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(17,24,39,.55) 50%),
    linear-gradient(135deg, rgba(17,24,39,.55) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(1.1em + 6px),
    calc(100% - 12px) calc(1.1em + 6px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
  padding-inline-end: 38px;
}

html[dir="rtl"] .aljcu-fSelect{
  background-position: 18px calc(1.1em + 6px), 12px calc(1.1em + 6px);
  padding-inline-start: 38px;
  padding-inline-end: 14px;
}

/* Focus */
.aljcu-fInput:focus{
  border-color: rgba(72,188,204,.55);
  box-shadow: 0 0 0 6px rgba(72,188,204,.12);
  transform: translateY(-1px);
}

/* Dark inputs */
[data-bs-theme="dark"] .aljcu-fInput{
  background: rgba(2,6,23,.35);
  border-color: rgba(148,163,184,.22);
  color: rgba(255,255,255,.90);
}
[data-bs-theme="dark"] .aljcu-fInput::placeholder{
  color: rgba(226,232,240,.40);
}


/* Actions */
.aljcu-formCard__actions{
  text-align: end;
}

.aljcu-formCard__hint{
  color: rgba(17,24,39,.62);
  font-weight: 700;
  font-size: 12.5px;
}
[data-bs-theme="dark"] .aljcu-formCard__hint{
  color: rgba(226,232,240,.72);
}

/* Button */
.aljcu-fBtn{
  appearance:none;
  border:0;
  cursor:pointer;

  display:inline-flex;
  align-items:center;
  gap:10px;

  border-radius: 999px;
  padding: 12px 16px;
  min-height: 46px;

  background: var(--aj-primary);
  color:#fff;

  font-weight: 900;
  font-size: 13px;

  box-shadow: 0 16px 34px rgba(72,188,204,.22);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.aljcu-fBtn__icon{
  font-size: 20px;
  transition: transform .2s ease;
}

.aljcu-fBtn:hover{
  transform: translateY(-2px);
  box-shadow: 0 20px 42px rgba(72,188,204,.28);
  filter: brightness(1.02);
}

.aljcu-fBtn:hover .aljcu-fBtn__icon{
  transform: translateX(4px);
}
html[dir="rtl"] .aljcu-fBtn:hover .aljcu-fBtn__icon{
  transform: translateX(-4px);
}

.aljcu-fBtn:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 3px rgba(255,255,255,.9),
    0 0 0 7px rgba(72,188,204,.35),
    0 20px 42px rgba(72,188,204,.28);
}

/* Mobile tweaks */
@media (max-width: 991.98px){
  .aljcu-section{ padding: 26px 0 64px; }
  .aljcu-map iframe{ height: 220px; }
}