/* ======================================================================
   Footer — Cohort 10 (Kiddies Bazar — warm orange Bangladeshi baby/kids)
   Signature: ORANGE newsletter band → DARK NAVY 4-col slab → ORANGE bottom-bar.
   Primary (#F26522 orange) / Secondary (#1C1C2E deep navy) / Warning (#FFBA00 amber).
   ====================================================================== */

.footer-10-main {
    background: var(--bs-secondary);   /* deep navy #1C1C2E */
    color: rgba(255, 255, 255, 0.90);
    font-size: 0.92rem;
}

/* ---------- Newsletter row (inside dark navy footer, no orange band) ---------- */
.footer-10-newsletter {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.footer-10-newsletter-title {
    color: #fff;
    font-weight: 700;
}
.footer-10-newsletter-sub { color: rgba(255, 255, 255, 0.75); }
.footer-10-newsletter-field {
    display: flex;
    border-radius: 0.4rem;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.20);
}
.footer-10-newsletter-input {
    border: none;
    background: transparent;
    color: #fff;
    padding: 0.6rem 0.85rem;
    flex: 1 1 auto;
    min-width: 0;
}
.footer-10-newsletter-input::placeholder { color: rgba(255, 255, 255, 0.50); }
.footer-10-newsletter-input:focus { outline: none; background: rgba(255, 255, 255, 0.12); }
.footer-10-newsletter-submit {
    background: var(--bs-primary);
    color: #fff;
    border: none;
    padding: 0 1.5rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.12s ease;
}
.footer-10-newsletter-submit:hover { background: #D95A1A; }

/* ---------- Column headings ---------- */
.footer-10-col-title {
    color: var(--bs-primary);         /* orange accent */
    font-size: 0.88rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.85rem;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid rgba(242, 101, 34, 0.30);
    display: inline-block;
}

/* ---------- Column links ---------- */
.footer-10-col-link {
    color: rgba(255, 255, 255, 0.82);
    transition: color 0.10s ease, padding-left 0.10s ease;
    font-size: 0.88rem;
    display: inline-block;
    padding: 0.2rem 0;
    text-decoration: none;
}
.footer-10-col-link:hover {
    color: var(--bs-primary);
    padding-left: 4px;
}

/* ---------- Support column phone CTA ---------- */
.footer-10-support-cta {
    color: #fff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0.6rem 0.85rem;
    border-radius: 0.4rem;
    display: flex !important;
    align-items: center;
    gap: 0.55rem;
    text-decoration: none;
    transition: background 0.10s ease;
}
.footer-10-support-cta:hover {
    background: rgba(242, 101, 34, 0.18);
    color: #fff;
    border-color: rgba(242, 101, 34, 0.40);
}
.footer-10-support-icon {
    width: 38px; height: 38px;
    background: var(--bs-primary);    /* orange circle */
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
}
.footer-10-support-label {
    color: rgba(255, 255, 255, 0.65);
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}
.footer-10-support-number {
    color: #fff;
    font-size: 0.95rem;
    font-weight: 700;
}
.footer-10-support-email {
    color: rgba(255, 255, 255, 0.80);
    font-size: 0.85rem;
    display: flex !important;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.5rem;
    text-decoration: none;
}
.footer-10-support-email:hover { color: var(--bs-primary); }

/* ---------- Brand logo in footer — hidden (removed from Connected with us) ---------- */
.footer-10-brand { display: none !important; }
.footer-10-brand-logo {
    width: 80px; height: 80px;
    border-radius: 50%;
    background: #fff;
    padding: 0.3rem;
    object-fit: contain;
    margin-bottom: 0.85rem;
    border: 2px solid rgba(242, 101, 34, 0.35);
}

/* ---------- Address + contact links ---------- */
.footer-10-address {
    color: rgba(255, 255, 255, 0.80);
    font-size: 0.85rem;
}
.footer-10-address-link {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
}
.footer-10-address-link:hover { color: var(--bs-primary); }
.footer-10-contact-link {
    color: var(--bs-primary);
    font-weight: 600;
    text-decoration: none;
}
.footer-10-contact-link:hover { color: #ffb380; text-decoration: underline !important; }

/* ---------- Social icons ---------- */
.footer-10-social-link {
    width: 36px; height: 36px;
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.85);
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background 0.12s ease, transform 0.12s ease, color 0.12s ease;
}
.footer-10-social-link:hover {
    background: var(--bs-primary);
    color: #fff;
    transform: translateY(-2px);
}

/* ---------- Bottom bar (orange strip) ---------- */
.footer-10-bottom {
    background: var(--bs-primary);    /* orange bottom-bar — T10 signature */
    color: rgba(255, 255, 255, 0.95);
    border-top: none;
    padding: 0.85rem 0;
}
.footer-10-copy { color: rgba(255, 255, 255, 0.95); }
.footer-10-copy-name { color: #fff; font-weight: 700; }
.site-footer-developed-by { color: rgba(255, 255, 255, 0.95); }
.footer-10-credit-link {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
.footer-10-credit-link:hover { color: #ffe0cc; text-decoration: underline !important; }