/* =====================================================
   Bongoto Footer Styles — Final Polished Version (Updated)
   ===================================================== */

/* ---------- Root Variables ---------- */
:root{
  --footer-bg:#0f172a;
  --footer-fg:#f1f5f9;
  --footer-border:rgba(255,255,255,.08);
  --footer-accent:#2563eb;
  --footer-accent-d:#1d4ed8;
  --footer-muted:#94a3b8;

  /* subscribe card tuneables */
  --footer-sub-width: 380px;     /* was 320px → a bit wider so input fits */
  --footer-sub-radius: 12px;
  --footer-sub-pad: 1.25rem 1rem;
  --footer-sub-bg: rgba(255,255,255,.05);
  --footer-sub-border: rgba(255,255,255,.10);  /* subtle outline */
  --footer-sub-shadow: 0 6px 18px rgba(0,0,0,.22); /* softer shadow */
}

/* ---------- Footer Wrapper ---------- */
.site-footer{
  background:var(--footer-bg);
  color:var(--footer-fg);
  font-size:15px;
  line-height:1.6;
  padding-top:2rem;
}

/* ---------- Footer Grid ---------- */
.bt-footer-inner{
  display:grid;
  grid-template-columns:1.2fr 2.8fr;
  gap:3rem;
  align-items:flex-start;
  padding-bottom:2rem;
}

/* ---------- Left Side (Brand / Contact / Subscribe) ---------- */
.bt-footer-left{ display:flex; flex-direction:column; gap:1.5rem; }
.bt-footer-branding img{ max-width:150px; }

.bt-footer-contact{
  color:var(--footer-fg);
  opacity:.9;
  font-size:14px;
}

/* ---------- HIDE the big top subscribe bar (keep only the small one under logo) ---------- */
.site-footer .footer-subscribe:not(.under-contact){
  display:none !important;
}

/* ---------- Subscribe Box (under logo) ---------- */
.footer-subscribe.under-contact{
  width:100%;
  max-width:var(--footer-sub-width);
  padding:var(--footer-sub-pad);
  background:var(--footer-sub-bg);
  border:1px solid var(--footer-sub-border);
  border-radius:var(--footer-sub-radius);
  box-shadow:var(--footer-sub-shadow);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  overflow:hidden;              /* keep form neatly inside */
}
.footer-subscribe.under-contact:hover{
  transform:translateY(-2px);
  border-color:var(--footer-accent);
  box-shadow:0 10px 24px rgba(0,0,0,.26);
}

/* Headline */
.footer-subscribe.under-contact h3{
  margin:0 0 .5rem;
  font-size:16px;
  font-weight:600;
  color:#fff;
}

/* Text */
.footer-subscribe.under-contact p{
  margin:0 0 .8rem;
  font-size:13px;
  color:var(--footer-muted);
}

/* Form Layout */
.footer-subscribe.under-contact form{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;             /* keep single line on wide screens */
}

/* Inputs */
.footer-subscribe.under-contact input[type="email"],
.footer-subscribe.under-contact input[type="text"]{
  flex:1 1 auto;
  width:100%;
  min-width:0;                  /* prevent overflow */
  padding:10px 12px;
  font-size:13px;
  color:#fff;
  background:#1e293b;
  border:1px solid #334155;
  border-radius:8px;
  outline:none;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.footer-subscribe.under-contact input[type="email"]:focus,
.footer-subscribe.under-contact input[type="text"]:focus{
  background:#243044;
  border-color:var(--footer-accent);
  box-shadow:0 0 0 3px rgba(37,99,235,.25);
}

/* Button */
.footer-subscribe.under-contact button{
  flex:0 0 auto;
  padding:10px 16px;
  font-size:13px;
  font-weight:700;
  color:#fff;
  background:var(--footer-accent);
  border:0;
  border-radius:8px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.footer-subscribe.under-contact button:hover{
  background:var(--footer-accent-d);
  transform:translateY(-1px);
}
.footer-subscribe.under-contact button:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(37,99,235,.35);
}

/* ---------- Right Widgets ---------- */
.bt-footer-right{ display:flex; justify-content:flex-end; }
.bt-footer-widgets{
  display:flex;
  justify-content:flex-end;
  gap:3rem;
  flex-wrap:wrap;
}
.bt-footer-col{ min-width:180px; }

.bt-footer-col h2.widget-title{
  margin:0 0 .75rem;
  font-size:16px;
  color:#fff;
}
.bt-footer-col a{
  color:var(--footer-fg);
  opacity:.9;
  text-decoration:none;
  transition:color .2s ease,opacity .2s ease;
}
.bt-footer-col a:hover{ color:var(--footer-accent); opacity:1; }
.bt-footer-col a:focus-visible{
  outline:2px solid var(--footer-accent);
  outline-offset:2px;
  border-radius:4px;
}

/* ---------- Credits ---------- */
.footer-credits{
  padding:1.2rem 0;
  font-size:14px;
  color:var(--footer-muted);
  text-align:center;
  border-top:1px solid var(--footer-border);
}

/* ---------- Responsive ---------- */
@media (max-width:992px){
  .bt-footer-inner{ grid-template-columns:1fr; gap:2rem; }
  .bt-footer-right{ justify-content:flex-start; }
  .footer-subscribe.under-contact{ max-width:100%; }
}
@media (max-width:768px){
  .bt-footer-widgets{ flex-direction:column; gap:1.5rem; }
  .footer-subscribe.under-contact form{ flex-wrap:wrap; }
  .footer-subscribe.under-contact button{
    width:100%;
    margin-top:8px;
  }
}