/*
 * Acibadem corporate WPForms styling for the İdel theme.
 * - Brand navy (#092c74, matches acibademinternational.com).
 * - Fixes the Smart Phone (intl-tel-input) field where the dial code / flag
 *   overlapped the typed number.
 * - Styles the SEO-safe "Load more" button.
 * Not loaded on PEM single pages (PEM ships its own form design there).
 * The hero "#glass-bg-form" and ".callback" forms keep their own look via
 * higher specificity; only their phone field is corrected here.
 */
:root{
  --acb-navy:#092c74;
  --acb-navy-700:#0b3a8f;
  --acb-navy-900:#06205a;
  --acb-ink:#0f172a;
  --acb-border:#d7dbe7;
  --acb-focus:rgba(9,44,116,.18);
}

/* ---- Generic content / contact forms ---- */
.wpforms-container .wpforms-field-label{
  color:var(--acb-ink);
  font-weight:600;
  margin-bottom:6px;
}
.wpforms-container .wpforms-field input[type=text],
.wpforms-container .wpforms-field input[type=email],
.wpforms-container .wpforms-field input[type=tel],
.wpforms-container .wpforms-field input[type=url],
.wpforms-container .wpforms-field input[type=number],
.wpforms-container .wpforms-field input[type=password],
.wpforms-container .wpforms-field input[type=date],
.wpforms-container .wpforms-field select,
.wpforms-container .wpforms-field textarea{
  width:100%;
  padding:12px 14px;
  border:1px solid var(--acb-border);
  border-radius:10px;
  background:#fff;
  color:var(--acb-ink);
  font-size:15px;
  line-height:1.4;
  box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.wpforms-container .wpforms-field input:focus,
.wpforms-container .wpforms-field select:focus,
.wpforms-container .wpforms-field textarea:focus{
  border-color:var(--acb-navy);
  box-shadow:0 0 0 3px var(--acb-focus);
  outline:none;
}
.wpforms-container .wpforms-field textarea{min-height:120px;}

.wpforms-container .wpforms-submit,
.wpforms-container button.wpforms-submit{
  background:var(--acb-navy);
  color:#fff;
  border:0;
  border-radius:10px;
  padding:13px 28px;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
  transition:background .15s ease, transform .05s ease;
}
.wpforms-container .wpforms-submit:hover{background:var(--acb-navy-700);}
.wpforms-container .wpforms-submit:active{background:var(--acb-navy-900);transform:translateY(1px);}
.wpforms-container .wpforms-submit:focus-visible{outline:3px solid var(--acb-focus);outline-offset:2px;}

/* ---- Smart Phone (intl-tel-input) — keep the number clear of the flag/dial code ---- */
.wpforms-field-phone .iti{display:block;width:100%;}
.wpforms-field-phone .iti>input,
.wpforms-field-phone .iti input[type=tel],
.wpforms-field-phone .iti input[type=text]{
  padding-left:52px !important;
}
.wpforms-field-phone .iti--separate-dial-code>input,
.wpforms-field-phone .iti--separate-dial-code input[type=tel]{
  padding-left:92px !important;
}
.wpforms-field-phone .iti__selected-dial-code{margin-left:6px;}
.wpforms-field-phone .iti__flag-container{padding:0 2px;}

/* Same correction inside the glass hero form (its inputs are ID-scoped, so we
   match that specificity). Colours/layout of the glass form are left intact. */
#glass-bg-form .wpforms-field-phone .iti>input,
#glass-bg-form .wpforms-field-phone .iti input[type=tel],
#glass-bg-form .wpforms-field-phone .iti input[type=text]{
  padding-left:52px !important;
}
#glass-bg-form .wpforms-field-phone .iti--separate-dial-code>input,
#glass-bg-form .wpforms-field-phone .iti--separate-dial-code input[type=tel]{
  padding-left:92px !important;
}
/* And inside the callback popup. */
.callback .wpforms-field-phone .iti>input,
.callback .wpforms-field-phone .iti input[type=tel]{
  padding-left:52px !important;
}

/* ---- SEO-safe "Load more" button + counter ---- */
.idel-loadmore{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:24px 0 8px;
}
.idel-loadmore__btn{
  -webkit-appearance:none;appearance:none;border:0;cursor:pointer;
  background:var(--acb-navy);color:#fff;
  font-size:15px;font-weight:700;
  padding:13px 32px;border-radius:999px;
  transition:background .15s ease, transform .05s ease;
}
.idel-loadmore__btn:hover{background:var(--acb-navy-700);}
.idel-loadmore__btn:active{transform:translateY(1px);}
.idel-loadmore__btn:focus-visible{outline:3px solid var(--acb-focus);outline-offset:3px;}
.idel-loadmore__btn.is-loading{opacity:.7;cursor:progress;}
.idel-loadmore__status{margin:0;font-size:13px;color:#5b6472;font-weight:600;}
.idel-result--new{animation:idelFadeIn .35s ease both;}
@keyframes idelFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}