/* ============================================================
   professional.css  —  UI polish layer for PanCardFranchise
   Loaded AFTER css/style.css so it refines the existing theme.
   Scoped to typography, buttons, forms, cards, nav, footer and
   new .pcf-* notice components. No structural layout is changed.
   ============================================================ */

:root{
  --pcf-brand:#02015A;        /* deep indigo — existing brand   */
  --pcf-brand-2:#1e2a78;      /* lighter indigo                 */
  --pcf-accent:#2b6cb0;       /* trustworthy blue               */
  --pcf-success:#1f9d55;      /* professional green CTA         */
  --pcf-ink:#2d3346;          /* body text (slate)              */
  --pcf-muted:#6b7280;        /* secondary text                 */
  --pcf-line:#e5e7eb;         /* hairline borders               */
  --pcf-surface:#ffffff;      /* cards                          */
  --pcf-bg-soft:#f5f7fb;      /* page tint                      */
  --pcf-radius:10px;
  --pcf-shadow:0 6px 24px rgba(16,24,64,.08);
  --pcf-shadow-sm:0 2px 8px rgba(16,24,64,.06);
}

/* ---------- Base typography ---------- */
body{
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  color:var(--pcf-ink);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  letter-spacing:.1px;
}
h1,h2,h3,h4,h5{
  font-family:'Poppins',sans-serif;
  color:var(--pcf-brand);
  font-weight:600;
  line-height:1.25;
}
a{transition:color .18s ease,opacity .18s ease}

/* ---------- Buttons ---------- */
.btn{
  border-radius:var(--pcf-radius)!important;
  font-weight:600;
  letter-spacing:.2px;
  padding:.62rem 1.4rem;
  border:1px solid transparent;
  transition:transform .15s ease,box-shadow .18s ease,background-color .18s ease,filter .18s ease;
  box-shadow:var(--pcf-shadow-sm);
}
.btn:hover{transform:translateY(-1px);box-shadow:var(--pcf-shadow);filter:brightness(1.03)}
.btn:active{transform:translateY(0)}
.btn:focus-visible{outline:3px solid rgba(43,108,176,.4);outline-offset:2px}
.btn-primary{background-color:var(--pcf-brand)!important;border-color:var(--pcf-brand)!important}
.btn-success{background-color:var(--pcf-success)!important;border-color:var(--pcf-success)!important}
input[type="submit"],button[type="submit"]{
  border-radius:var(--pcf-radius);
  transition:transform .15s ease,box-shadow .18s ease,filter .18s ease;
}
input[type="submit"]:hover,button[type="submit"]:hover{transform:translateY(-1px);filter:brightness(1.03)}

/* ---------- Form fields ---------- */
input[type="text"],input[type="email"],input[type="password"],
input[type="tel"],input[type="number"],select,textarea{
  border:1px solid var(--pcf-line);
  border-radius:8px;
  padding:.55rem .8rem;
  background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,
input[type="tel"]:focus,input[type="number"]:focus,select:focus,textarea:focus{
  outline:none;
  border-color:var(--pcf-accent);
  box-shadow:0 0 0 3px rgba(43,108,176,.15);
}

/* ---------- Login / info card ---------- */
#info{
  background:var(--pcf-surface)!important;
  border:1px solid var(--pcf-line)!important;
  border-radius:14px!important;
  box-shadow:var(--pcf-shadow);
  padding:26px 24px!important;
}
#info h4{margin-bottom:14px;font-weight:600}

/* ---------- Navbar polish ---------- */
.ftco-navbar-light,.navbar{box-shadow:var(--pcf-shadow-sm)}
.navbar .nav-link{font-weight:500;letter-spacing:.2px}
.dropdown-menu{border:1px solid var(--pcf-line);border-radius:10px;box-shadow:var(--pcf-shadow);padding:.4rem}
.dropdown-item{border-radius:7px;padding:.5rem .9rem;font-weight:500}
.dropdown-item:hover{background:var(--pcf-bg-soft);color:var(--pcf-brand)}

/* ---------- Cards / sections ---------- */
.ftco-consult .consult-wrap,.services .media,.card{
  border-radius:var(--pcf-radius);
}

/* ============================================================
   .pcf-banner — professional announcement bar
   Replaces the old <font color=red size=9>**...**</font> markup
   ============================================================ */
.pcf-banner{
  display:flex;
  align-items:center;
  gap:12px;
  max-width:960px;
  margin:22px auto;
  padding:14px 20px;
  background:linear-gradient(90deg,#eef2ff, #f5f7fb);
  border:1px solid #dfe4f5;
  border-left:5px solid var(--pcf-accent);
  border-radius:var(--pcf-radius);
  box-shadow:var(--pcf-shadow-sm);
  color:var(--pcf-brand);
  font-size:1.05rem;
  font-weight:600;
  line-height:1.4;
}
.pcf-banner .pcf-ico{
  flex:0 0 auto;
  width:34px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:var(--pcf-accent);color:#fff;font-size:1.05rem;
}
.pcf-banner--success{border-left-color:var(--pcf-success)}
.pcf-banner--success .pcf-ico{background:var(--pcf-success)}
.pcf-banner a{color:var(--pcf-accent);text-decoration:none;font-weight:700}
.pcf-banner a:hover{text-decoration:underline}

/* .pcf-note — quiet inline notice (replaces marquee / red asterisks) */
.pcf-note{
  display:inline-block;
  padding:8px 14px;
  background:var(--pcf-bg-soft);
  border:1px solid var(--pcf-line);
  border-radius:8px;
  color:var(--pcf-muted);
  font-size:.95rem;
  font-weight:500;
}
.pcf-note strong{color:var(--pcf-brand)}

/* ---------- Footer contact block ---------- */
.ftco-footer .icon-envelope,.ftco-footer .icon-phone,.ftco-footer .icon-map{
  color:var(--pcf-accent);
}
.ftco-footer .text{color:#cfd4e4}
.ftco-footer a:hover .text{color:#fff}

/* ---------- Accessibility & responsiveness ---------- */
@media (max-width:576px){
  .pcf-banner{font-size:.98rem;padding:12px 14px;margin:16px 10px}
  .btn{padding:.55rem 1.1rem}
}
@media (prefers-reduced-motion:reduce){
  .btn,input[type="submit"],button[type="submit"],a{transition:none!important}
  .btn:hover{transform:none}
}