/* Al Fardan Fishing - login / sign-up / reset-password pages (web.login_layout, website 1) */
:root{
  --fd-navy:#000D79;--fd-navy-2:#000A5E;--fd-paper:#FAFBFF;--fd-royal:#336CF3;--fd-royal-dk:#2257D6;
  --fd-bronze:#F5AD2D;--fd-ink:#0B1240;--fd-muted:#5A6185;--fd-line:rgba(0,13,121,.14);
  --fd-f-ar:"Tajawal","DIN Next LT Arabic",system-ui,sans-serif;
  --fd-f-en:"Barlow","DIN Next LT Pro",system-ui,sans-serif;
  --fd-radius:4px;
  --fd-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='96' viewBox='0 0 26 96'%3E%3Cpath d='M13 0c7 12 7 24 0 36s-7 24 0 36 7 18 0 24' fill='none' stroke='%23F5AD2D' stroke-width='6'/%3E%3C/svg%3E");
}
/* The page carries its own brand bar: hide Odoo's default header/footer here only */
body:has(.fd-auth) header#top,body:has(.fd-auth) footer#bottom{display:none!important}
body:has(.fd-auth){background:var(--fd-paper)}

.fd-auth{min-height:100vh;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--fd-paper);color:var(--fd-ink);font-family:var(--fd-f-ar);font-size:16px;line-height:1.7}
html[lang^="en"] .fd-auth{font-family:var(--fd-f-en);line-height:1.6}
.fd-auth :is(h1,h2,p,a,span,label,button,input,div){font-family:inherit}
.fd-auth a{color:var(--fd-royal-dk);text-decoration:none}
.fd-auth a:hover{color:var(--fd-navy)}
.fd-auth :focus-visible{outline:3px solid var(--fd-bronze);outline-offset:3px}

/* ---- Brand panel ---- */
.fd-auth-brand{position:relative;overflow:hidden;background:var(--fd-navy);color:#fff;display:flex}
.fd-auth-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.fd-auth-brand::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,13,121,.55) 0%,rgba(0,13,121,.35) 45%,rgba(0,8,70,.92) 100%)}
.fd-auth-brand-in{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:40px;width:100%;padding:40px clamp(28px,5vw,64px) 48px}
.fd-auth-logo{display:inline-flex;align-items:center;gap:12px;color:#fff!important;align-self:flex-start;min-height:44px}
.fd-auth-logo .t1{display:block;font-weight:800;font-size:1.05rem;line-height:1.25}
.fd-auth-logo .t2{display:block;font-weight:500;font-size:.82rem;opacity:.82;line-height:1.3}
html[lang^="en"] .fd-auth-logo .t2{text-transform:none;letter-spacing:.03em;font-size:.84rem}
.fd-mark{display:block;flex:none;width:46px;height:46px;background:currentColor;-webkit-mask:url(/web/image/1064) center/contain no-repeat;mask:url(/web/image/1064) center/contain no-repeat}
.fd-auth-eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.85rem;font-weight:700;color:var(--fd-bronze);margin-bottom:14px}
.fd-auth-eyebrow::before{content:"";width:28px;height:2px;background:currentColor}
html[lang^="en"] .fd-auth-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem}
.fd-auth-tag{font-size:clamp(1.8rem,1.1rem + 2vw,2.9rem);font-weight:800;line-height:1.25;max-width:16ch;margin:0;color:#fff}
html[lang^="en"] .fd-auth-tag{line-height:1.1}
.fd-auth-note{margin:14px 0 0;color:rgba(255,255,255,.82);max-width:42ch;font-size:1rem}
.fd-auth-waves{position:absolute;z-index:1;inset-block:0;inset-inline-end:0;width:120px;background:var(--fd-wave) repeat;background-size:26px 96px;opacity:.16}

/* ---- Form panel ---- */
.fd-auth-panel{display:flex;flex-direction:column;min-width:0;padding:28px clamp(20px,5vw,72px) 28px}
.fd-auth-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.fd-auth-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--fd-muted)!important}
.fd-auth-back:hover{color:var(--fd-navy)!important}
.fd-auth-back svg{flex:none}
:is([dir="rtl"],html[lang^="ar"]) .fd-auth-back svg{transform:scaleX(-1)}
.fd-auth-lang{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 14px;border:1px solid var(--fd-line);border-radius:var(--fd-radius);color:var(--fd-navy)!important;font:600 .9rem/1 var(--fd-f-en)}
.fd-auth-lang[lang="ar"]{font-family:var(--fd-f-ar);font-size:.95rem}
.fd-auth-lang:hover{border-color:var(--fd-navy)}
html[lang^="en"] .fd-auth-lang-en,html[lang^="ar"] .fd-auth-lang-ar{display:none}

.fd-auth-card{width:100%;max-width:420px;margin:auto;padding-block:40px}
.fd-auth-h{font-size:clamp(1.7rem,1.3rem + 1.2vw,2.2rem);font-weight:800;color:var(--fd-navy);margin:0 0 6px;line-height:1.25}
.fd-auth-sub{margin:0 0 28px;color:var(--fd-muted)}
.fd-auth-foot{margin:0;font-size:.82rem;color:var(--fd-muted);text-align:center}

/* Odoo's form inside the card */
.fd-auth .oe_website_login_container{max-width:none;margin:0;padding:0}
.fd-auth .oe_login_form,.fd-auth .oe_signup_form,.fd-auth .oe_reset_password_form{max-width:none!important;margin:0!important}
.fd-auth .form-label,.fd-auth .col-form-label{font-weight:700;font-size:.92rem;color:var(--fd-ink);margin-bottom:6px;align-items:center}
.fd-auth .form-label .btn-link{padding:0;font-size:.85rem;font-weight:600;color:var(--fd-royal-dk);text-decoration:none;min-height:0}
.fd-auth .form-control{height:50px;border:1px solid rgba(0,13,121,.22);border-radius:var(--fd-radius);background:#fff;color:var(--fd-ink);font-size:1rem;padding:10px 14px;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.fd-auth .form-control::placeholder{color:#8A90B0}
.fd-auth .form-control:focus{border-color:var(--fd-royal);box-shadow:0 0 0 3px rgba(51,108,243,.18)}
.fd-auth .mb-3{margin-bottom:18px!important}
.fd-auth .oe_login_buttons{padding-top:8px!important}
.fd-auth .btn-primary{min-height:50px;border:0;border-radius:var(--fd-radius);background:var(--fd-royal-dk);color:#fff;font-weight:700;font-size:1.02rem;letter-spacing:0;transition:background .2s}
.fd-auth .btn-primary:hover,.fd-auth .btn-primary:focus{background:var(--fd-navy);color:#fff}
.fd-auth .btn-link{color:var(--fd-royal-dk);font-weight:600}
.fd-auth .alert{border-radius:var(--fd-radius);font-size:.95rem}
.fd-auth .alert-danger{background:#FDECEC;border-color:#F5C2C2;color:#8A1C1C}
.fd-auth .alert-success{background:#E7F7F4;border-color:#B5E6DD;color:#0B5D52}
/* Remembered-user picker (Odoo user switch) */
.fd-auth .o_user_switch .list-group-item,.fd-auth .o_login_user_switch .list-group-item{border-color:var(--fd-line)}

/* ---- Responsive ---- */
@media (max-width:991.98px){
  .fd-auth{grid-template-columns:1fr;min-height:0}
  .fd-auth-brand{min-height:220px}
  .fd-auth-brand-in{padding:22px 20px 26px;gap:22px}
  .fd-auth-tag{font-size:1.6rem}
  .fd-auth-note{display:none}
  .fd-auth-waves{display:none}
  .fd-auth-panel{padding:16px 20px 28px}
  .fd-auth-card{padding-block:24px 32px}
}
@media (max-width:420px){.fd-auth-logo .t1{font-size:.95rem}.fd-mark{width:40px;height:40px}}
@media (prefers-reduced-motion:reduce){.fd-auth *{transition:none!important}}
