/* ==========================================================
   Rewiring Asia — brand overrides on top of the Beatrix theme
   ========================================================== */

:root {
    --primary-color: #1AC9A6;
    --secondary-color: #1AC9A6;
}

/* -- Logo lockup --------------------------------------------------
   The Rewiring Asia mark is set in dark charcoal + teal for use on
   light surfaces, so it sits on a white badge wherever the theme's
   background is dark (header, off-canvas panel, footer). */

.brand-logo-badge {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 10px 16px;
}

.theme-logo.logo .brand-logo-badge img,
.tpoffcanvas__logo .brand-logo-badge img {
    max-width: 150px;
    width: 100%;
    display: block;
}

.footer-logo .brand-logo-badge img {
    max-width: 170px;
    width: 100%;
    display: block;
}

.tpoffcanvas__logo.offcanvas-logo {
    margin-bottom: 35px;
}

.tpoffcanvas__logo .brand-logo-badge img {
    max-width: 130px;
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .theme-logo.logo .brand-logo-badge img {
        max-width: 110px;
    }
}

/* -- Main nav: fit all items on one line (theme's default 18px/15px
   padding was tuned for ~5-6 short items, ours run to 7) -- */

.nav-menu-wrapper .mainmenu ul li a {
    font-size: 15px;
    padding-left: 8px;
    padding-right: 8px;
}

/* -- Newsletter box: swap the theme's default purple for the brand -- */

.newsletter-box-wrapper h3 {
    line-height: 1.3;
}

.newsletter-box-wrapper {
    background: #0B211D;
    border: 1px solid #1AC9A6;
}

.newsletter-box-wrapper input[type="email"] {
    background: #16342E;
    color: #ffffff;
}

.newsletter-box-wrapper input[type="email"]::placeholder {
    color: #8fbdb2;
}

.newsletter-box-wrapper input[type="submit"] {
    background-color: #1AC9A6;
    background-image: url(../media/submit.svg);
    background-repeat: no-repeat;
    background-position: 35% center;
    color: #08201a;
}

.footer-newsletter-wrapper input[type="submit"] {
    background-color: #1AC9A6;
    background-image: url(../media/submit.svg);
    background-repeat: no-repeat;
    background-position: 50% center;
}

/* -- Remaining hardcoded theme accent (mint) swapped for brand teal -- */

a.subscribe-btn {
    border-color: #1AC9A6;
}

.post-block-template-two-wrapper:before {
    color: #1AC9A61A;
}

.video-play-icon-wrap a {
    background: #1AC9A6;
}