/* ============================================================
   Talim Sahl — Portal + /login styles
   Loaded via web_include_css for www/ and portal pages only.
   Desk (/app) is themed separately via desk-overrides.css.
   Brand tokens come from brand-tokens.css.
   ============================================================ */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap");

/* ----- Typography (portal pages, login, web forms) ----- */
body,
.web-form-container,
.page_content,
.frappe-control,
.btn,
input,
select,
textarea {
  font-family: "Inter", "Noto Sans Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[dir="rtl"] body,
html[lang^="ar"] body {
  font-family: "Noto Sans Arabic", "Inter", sans-serif;
}

/* ----- Links ----- */
.page_content a,
.web-form-container a {
  color: var(--ts-primary);
}

.page_content a:hover,
.web-form-container a:hover {
  color: var(--ts-primary-dark);
}

/* ----- Buttons (portal scope) ----- */
.web-form-container .btn-primary,
.page_content .btn-primary,
.login-page .btn-login {
  background-color: var(--ts-cta);
  border-color: var(--ts-cta);
  color: var(--ts-white);
  border-radius: 6px;
  font-weight: 500;
}

.web-form-container .btn-primary:hover,
.page_content .btn-primary:hover,
.login-page .btn-login:hover {
  background-color: var(--ts-cta-dark);
  border-color: var(--ts-cta-dark);
}

/* ----- Form controls (portal scope) ----- */
.web-form-container .form-control:focus,
.page_content .form-control:focus,
.login-page input:focus {
  border-color: var(--ts-primary);
  box-shadow: 0 0 0 3px rgba(13, 155, 138, 0.15);
  outline: none;
}

/* ----- Login page: hide unused auth options ----- */
.login-page .for-login-with-email-link,
.login-page .social-login-buttons,
.login-page .login-with-email-link,
.login-page .for-signup { display: none !important; }

.login-page .btn-login {
  width: 100%;
  padding: 10px 16px;
  font-size: 15px;
  border-radius: 8px;
}

/* ----- Hide Frappe / ERPNext branding on portal ----- */
.standard-footer,
.powered-by-frappe,
.footer-powered,
.web-footer .powered,
.frappe-credits {
  display: none !important;
}