/*
Theme Name: Madara-Child
Description:  A child theme for Madara - WordPress Theme for Manga, Novel sites
Author:       Madara
Author URI:   https://mangabooth.com/
Template: madara
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Version: 1.0.4
*/


/* Black outline around manga titles on homepage */
.home .widget-manga-recent .post-title a {
    -webkit-text-stroke: 3px #000;
    paint-order: stroke fill;
}


/**
 * ============================================================
 * ARABDOUJINSHI - CLEAN GLOBAL FOOTER
 * ============================================================
 * 1. Remove Madara footer/copyright area.
 * 2. Prevent white empty area on short pages.
 */

footer.site-footer,
.site-footer,
.c-footer,
.c-footer__bottom,
.c-copyright,
.footer,
footer#colophon {
    display: none !important;
}

footer.site-footer,
.site-footer,
.c-footer,
.c-footer__bottom,
.c-copyright {
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
}

html,
body {
    min-height: 100%;
    background: #1f2024 !important;
}

body,
.body-wrap,
#page,
.site,
.site-content,
.main-content {
    background-color: #1f2024 !important;
}

.body-wrap,
#page,
.site {
    min-height: 100vh;
}

body {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.body-wrap,
#page,
.site,
.site-content {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/**
 * ============================================================
 * ARABDOUJINSHI - CUSTOM HEADER / DRAWER
 * ============================================================
 */

.ad-custom-header {
    position: relative;
    z-index: 999990;
    background: #1f2024 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ad-header-bar {
    width: 100%;
    min-height: 74px;
    padding: 9px 26px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(170px, 1fr) minmax(320px, 750px) minmax(56px, 1fr);
    align-items: center;
    gap: 24px;
    direction: ltr;
    background: #1f2024;
}

.ad-header-start {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
}

.ad-header-logo {
    display: inline-flex;
    align-items: center;
    max-width: 170px;
    text-decoration: none !important;
}

.ad-header-logo img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 150px !important;
    max-height: 48px !important;
    object-fit: contain;
}

.ad-header-icon-button {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: #f2f2f2;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 5px;
    transition: background .18s ease, opacity .18s ease;
}

.ad-header-icon-button:hover {
    background: rgba(255,255,255,.06);
}

.ad-menu-toggle {
    flex-direction: column;
    gap: 5px;
}

.ad-menu-toggle span {
    display: block;
    width: 23px;
    height: 2px;
    background: currentColor;
    border-radius: 99px;
}

.ad-account-toggle {
    justify-self: end;
}

.ad-account-toggle svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.ad-header-search-wrap {
    min-width: 0;
    width: 100%;
}

#ad-custom-header,
#blog-post-search.ad-header-search {
    position: relative;
}

#blog-post-search.ad-header-search {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: stretch;
    margin: 0;
    background: #2c313b;
    border-radius: 3px;
    overflow: visible;
    box-shadow: none;
}

#blog-post-search.ad-header-search > input[type="text"] {
    flex: 1 1 auto;
    min-width: 0;
    height: 46px !important;
    border: 0 !important;
    outline: 0 !important;
    margin: 0 !important;
    padding: 0 17px !important;
    background: #2c313b !important;
    color: #f2f2f2 !important;
    font-size: 15px !important;
    line-height: 46px !important;
    box-shadow: none !important;
    direction: rtl;
    text-align: right;
}

#blog-post-search.ad-header-search > input[type="text"]::placeholder {
    color: #a9adb6;
    opacity: 1;
}

#blog-post-search.ad-header-search .ad-search-submit {
    width: 72px;
    flex: 0 0 72px;
    border: 0;
    border-radius: 0 3px 3px 0;
    background: #363c47;
    color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    transition: background .18s ease;
}

#blog-post-search.ad-header-search .ad-search-submit:hover {
    background: #414854;
}

#blog-post-search.ad-header-search .ad-search-submit svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
}

#blog-post-search.ad-header-search .loader-inner {
    position: absolute;
    right: 78px;
    top: 50%;
    transform: translateY(-50%);
}

/* Keep the AJAX result box from our existing functions.php aligned with the new search. */
#arabdoujinshi-live-results {
    top: calc(100% + 7px) !important;
    border-radius: 4px;
    overflow: hidden;
}

/* Madara's rendered menu remains available only as a data source. */
.ad-madara-source {
    display: none !important;
}


/* ------------------------------------------------------------
   DRAWER + BLURRED BACKDROP
------------------------------------------------------------ */

.ad-drawer-backdrop {
    position: fixed;
    inset: 0;
    z-index: 999991;
    background: rgba(6, 7, 9, .48);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .22s ease, visibility .22s ease;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.ad-drawer-backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ad-site-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 270px;
    max-width: calc(100vw - 52px);
    z-index: 999992;
    padding: 0 15px 22px;
    box-sizing: border-box;
    background: #1f2024;
    color: #f2f2f2;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-105%);
    transition: transform .24s ease;
    box-shadow: 8px 0 28px rgba(0,0,0,.30);
    direction: rtl;
}

.ad-site-drawer.is-open {
    transform: translateX(0);
}

.ad-drawer-head {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

.ad-drawer-close {
    appearance: none;
    border: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    background: transparent;
    color: #eee;
    font-size: 35px;
    line-height: 38px;
    cursor: pointer;
    font-weight: 200;
}

.ad-drawer-logo {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 145px;
}

.ad-drawer-logo img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 125px !important;
    max-height: 42px !important;
    object-fit: contain;
}

.ad-drawer-nav {
    padding-top: 11px;
}

#ad-drawer-links {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ad-drawer-link {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 8px 12px;
    border-radius: 3px;
    color: #ededed !important;
    background: transparent;
    text-decoration: none !important;
    font-size: 14px;
    line-height: 1.35;
    transition: background .16s ease, color .16s ease;
    border-bottom: 1px solid rgba(255,255,255,.03);
}

.ad-drawer-link:hover,
.ad-drawer-link:focus {
    background: #2e333d;
    color: #fff !important;
}

.ad-drawer-link-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f5f5f5;
    font-size: 18px;
    line-height: 1;
    direction: ltr;
}

.ad-drawer-link-label {
    min-width: 0;
    flex: 1 1 auto;
    text-align: right;
}

body.ad-menu-open {
    overflow: hidden !important;
}


/* ------------------------------------------------------------
   REMOVE OLD MADARA HEADER VISUALS
------------------------------------------------------------ */

.ad-custom-header .c-header__top,
.ad-custom-header .main-navigation,
.ad-custom-header .mobile-menu,
.ad-custom-header .c-sub-header-nav,
.ad-custom-header .search-main-menu {
    display: none !important;
}


/* ------------------------------------------------------------
   TABLET
------------------------------------------------------------ */

@media (max-width: 991px) {
    .ad-header-bar {
        min-height: 66px;
        padding: 8px 16px;
        grid-template-columns: minmax(120px, 1fr) minmax(220px, 520px) 46px;
        gap: 14px;
    }

    .ad-header-start {
        gap: 12px;
    }

    .ad-header-logo img {
        max-width: 118px !important;
        max-height: 40px !important;
    }

    #blog-post-search.ad-header-search,
    #blog-post-search.ad-header-search > input[type="text"] {
        height: 42px !important;
        line-height: 42px !important;
    }

    #blog-post-search.ad-header-search .ad-search-submit {
        width: 58px;
        flex-basis: 58px;
    }
}


/* ------------------------------------------------------------
   MOBILE
------------------------------------------------------------ */

@media (max-width: 767px) {
    .ad-header-bar {
        min-height: 58px;
        padding: 7px 10px;
        grid-template-columns: auto 1fr auto;
        gap: 8px;
    }

    .ad-header-start {
        gap: 7px;
    }

    .ad-header-icon-button {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .ad-menu-toggle span {
        width: 21px;
    }

    .ad-header-logo {
        max-width: 90px;
    }

    .ad-header-logo img {
        max-width: 84px !important;
        max-height: 34px !important;
    }

    #blog-post-search.ad-header-search {
        height: 38px;
    }

    #blog-post-search.ad-header-search > input[type="text"] {
        height: 38px !important;
        line-height: 38px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    #blog-post-search.ad-header-search .ad-search-submit {
        width: 46px;
        flex: 0 0 46px;
    }

    #blog-post-search.ad-header-search .ad-search-submit svg {
        width: 22px;
        height: 22px;
    }

    .ad-account-toggle svg {
        width: 24px;
        height: 24px;
    }

    .ad-site-drawer {
        width: 228px;
        max-width: calc(100vw - 38px);
        padding-left: 10px;
        padding-right: 10px;
    }

    .ad-drawer-head {
        min-height: 58px;
    }

    .ad-drawer-logo img {
        max-width: 95px !important;
        max-height: 34px !important;
    }

    .ad-drawer-link {
        min-height: 40px;
        padding: 7px 9px;
        font-size: 13px;
    }
}


/* Very small phones: keep the large search icon and avoid header overflow. */
@media (max-width: 430px) {
    .ad-header-bar {
        grid-template-columns: auto minmax(90px, 1fr) auto;
    }

    .ad-header-logo {
        display: none;
    }

    .ad-header-start {
        width: 36px;
    }
}

/**
 * ============================================================
 * ARABDOUJINSHI - HEADER POSITION FIX V2
 * ============================================================
 * 1. Keep search perfectly centered.
 * 2. Move hamburger + logo to the right.
 * 3. Move account button to the left.
 * 4. Remove Madara's animated search loader globally.
 */

/* Desktop / all sizes: explicitly place the three header areas. */
.ad-custom-header .ad-header-start {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    justify-content: flex-end !important;
}

.ad-custom-header .ad-header-search-wrap {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: 100% !important;
}

.ad-custom-header .ad-account-toggle {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
}

/* The logo remains the right-most item, with the hamburger immediately beside it. */
.ad-custom-header .ad-header-start {
    direction: ltr !important;
}

/* Never show Madara's animated bars inside our custom search field. */
.ad-custom-header #blog-post-search .loader-inner,
.ad-custom-header #blog-post-search .line-scale {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Keep the same right / center / left arrangement on tablets and phones. */
@media (max-width: 991px) {
    .ad-custom-header .ad-header-start {
        grid-column: 3 !important;
    }

    .ad-custom-header .ad-header-search-wrap {
        grid-column: 2 !important;
    }

    .ad-custom-header .ad-account-toggle {
        grid-column: 1 !important;
    }
}

@media (max-width: 767px) {
    .ad-custom-header .ad-header-start {
        grid-column: 3 !important;
        justify-self: end !important;
    }

    .ad-custom-header .ad-header-search-wrap {
        grid-column: 2 !important;
        justify-self: center !important;
    }

    .ad-custom-header .ad-account-toggle {
        grid-column: 1 !important;
        justify-self: start !important;
    }
}

/**
 * ============================================================
 * ARABDOUJINSHI - RTL HEADER / DRAWER FIX V3
 * ============================================================
 * Hamburger sits on the RIGHT of the logo.
 * Drawer opens from the RIGHT.
 */

/* Button first in the markup should render on the right, then the logo. */
.ad-custom-header .ad-header-start {
    direction: rtl !important;
}

/* Right-side drawer. */
.ad-site-drawer {
    left: auto !important;
    right: 0 !important;
    transform: translateX(105%) !important;
    box-shadow: -8px 0 28px rgba(0,0,0,.30) !important;
}

.ad-site-drawer.is-open {
    transform: translateX(0) !important;
}


/* =========================================================
   LIVE SEARCH RESULTS - DARK BACKGROUND
   ========================================================= */

#arabdoujinshi-live-results {
    background: #1f2024 !important;
    color: #fff !important;
    border-color: #34363d !important;
}

/* كل نتيجة */
#arabdoujinshi-live-results > div,
#arabdoujinshi-live-results .arabdoujinshi-live-item {
    background: #1f2024 !important;
    color: #fff !important;
    border-color: #34363d !important;
}

/* النصوص والروابط */
#arabdoujinshi-live-results a,
#arabdoujinshi-live-results span,
#arabdoujinshi-live-results div {
    color: #fff !important;
}

/* عند مرور الماوس على النتيجة */
#arabdoujinshi-live-results a:hover,
#arabdoujinshi-live-results .arabdoujinshi-live-item:hover {
    background: #292b31 !important;
}


/* ARABDOUJINSHI - MOBILE LOGO + SEARCH ICON V4 */
.ad-mobile-search-toggle{display:none}
.ad-mobile-search-toggle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

@media(max-width:767px){
 .ad-custom-header .ad-header-bar{position:relative;display:flex!important;direction:rtl!important;align-items:center!important;justify-content:space-between!important;min-height:58px;padding:7px 10px;gap:6px}
 .ad-custom-header .ad-header-start{order:1;width:auto!important;min-width:0;flex:0 1 auto;display:flex!important;align-items:center;gap:7px;direction:rtl!important}
 .ad-custom-header .ad-header-logo{display:inline-flex!important;max-width:86px!important;min-width:0}
 .ad-custom-header .ad-header-logo img{display:block!important;width:auto!important;height:auto!important;max-width:82px!important;max-height:30px!important;object-fit:contain}
 .ad-custom-header .ad-mobile-search-toggle{order:3;display:inline-flex!important;flex:0 0 36px;width:36px;height:36px;margin-right:auto}
 .ad-custom-header .ad-account-toggle{order:4;flex:0 0 36px;width:36px;height:36px;justify-self:auto!important}
 .ad-custom-header .ad-header-search-wrap{position:absolute!important;z-index:999993;top:calc(100% + 1px);left:10px;right:10px;width:auto!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
 body.ad-mobile-search-open .ad-custom-header .ad-header-search-wrap{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .18s ease,transform .18s ease,visibility 0s}
 body.ad-mobile-search-open .ad-custom-header .ad-mobile-search-toggle{background:rgba(255,255,255,.07)}
 .ad-custom-header #blog-post-search.ad-header-search{height:42px!important;box-shadow:0 8px 24px rgba(0,0,0,.28)}
 .ad-custom-header #blog-post-search.ad-header-search>input[type=text]{height:42px!important;line-height:42px!important}
 .ad-custom-header #blog-post-search.ad-header-search .ad-search-submit{width:48px;flex:0 0 48px}
}
@media(max-width:430px){
 .ad-custom-header .ad-header-logo{display:inline-flex!important;max-width:78px!important}
 .ad-custom-header .ad-header-logo img{max-width:74px!important;max-height:28px!important}
 .ad-custom-header .ad-header-start{width:auto!important}
}

/* ============================================================
   ARABDOUJINSHI - MOBILE FULL HEADER SEARCH MODE V5
   ============================================================ */
.ad-mobile-search-back {
    display: none;
}

.ad-mobile-search-back svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@media (max-width: 767px) {
    /* Normal state stays: hamburger + logo on right, search + account on left. */
    .ad-custom-header .ad-mobile-search-back {
        display: none !important;
    }

    /* Search mode replaces the whole header row. */
    body.ad-mobile-search-open .ad-custom-header .ad-header-bar {
        display: flex !important;
        direction: ltr !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        min-height: 58px;
        padding: 7px 10px !important;
    }

    body.ad-mobile-search-open .ad-custom-header .ad-header-start,
    body.ad-mobile-search-open .ad-custom-header .ad-mobile-search-toggle,
    body.ad-mobile-search-open .ad-custom-header .ad-account-toggle {
        display: none !important;
    }

    body.ad-mobile-search-open .ad-custom-header .ad-mobile-search-back {
        display: inline-flex !important;
        order: 1;
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        margin: 0;
    }

    body.ad-mobile-search-open .ad-custom-header .ad-header-search-wrap {
        order: 2;
        position: relative !important;
        z-index: auto;
        top: auto;
        left: auto;
        right: auto;
        width: auto !important;
        min-width: 0;
        flex: 1 1 auto;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: none;
        transition: none;
    }

    body.ad-mobile-search-open .ad-custom-header #blog-post-search.ad-header-search {
        width: 100% !important;
        height: 42px !important;
        margin: 0 !important;
        box-shadow: none;
    }

    body.ad-mobile-search-open .ad-custom-header #blog-post-search.ad-header-search > input[type="text"] {
        height: 42px !important;
        line-height: 42px !important;
        padding: 0 13px !important;
        font-size: 14px !important;
    }

    body.ad-mobile-search-open .ad-custom-header #blog-post-search.ad-header-search .ad-search-submit {
        width: 48px;
        flex: 0 0 48px;
    }

    /* Results remain attached directly below the search field. */
    body.ad-mobile-search-open .ad-custom-header #arabdoujinshi-live-results {
        top: calc(100% + 5px) !important;
    }
}

/* ============================================================
   ARABDOUJINSHI - WORKING ACCOUNT LOGIN MODAL V6
   ============================================================ */
.ad-account-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1000003;
    background: rgba(7,8,10,.42);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility 0s linear .2s;
}
.ad-account-backdrop.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .2s ease, visibility 0s;
}
.ad-account-modal {
    position: fixed;
    z-index: 1000004;
    top: 50%;
    left: 50%;
    width: min(390px, calc(100vw - 30px));
    max-height: calc(100vh - 30px);
    overflow-y: auto;
    box-sizing: border-box;
    padding: 25px 20px 20px;
    border: 1px solid #30333a;
    border-radius: 4px;
    background: #1f2126;
    color: #f3f3f3;
    direction: rtl;
    box-shadow: 0 18px 55px rgba(0,0,0,.48);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%,-46%) scale(.98);
    transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
}
.ad-account-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%,-50%) scale(1);
    transition: opacity .2s ease, transform .2s ease, visibility 0s;
}
.ad-account-close {
    position: absolute;
    top: 12px;
    left: 13px;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #eee;
    font-size: 31px;
    line-height: 34px;
    cursor: pointer;
}
.ad-account-modal h2 {
    margin: 0 0 4px;
    padding-left: 42px;
    color: #f4f4f4;
    font-size: 21px;
    font-weight: 700;
}
.ad-account-subtitle {
    margin: 0 0 19px;
    color: #aaaeb6;
    font-size: 14px;
}
.ad-login-form input[type="text"],
.ad-login-form input[type="password"] {
    display: block;
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    margin: 0 0 10px;
    padding: 0 12px;
    border: 1px solid #323640;
    border-radius: 3px;
    outline: 0;
    background: #2b303a;
    color: #fff;
    font-size: 14px;
    direction: rtl;
    text-align: right;
}
.ad-login-form input:focus {
    border-color: #526887;
}
.ad-login-forgot {
    margin: 2px 0 13px;
    text-align: left;
}
.ad-login-forgot a,
.ad-register-line a {
    color: #42b7ff !important;
    text-decoration: none !important;
}
.ad-login-submit {
    width: 100%;
    min-height: 43px;
    border: 0;
    border-radius: 3px;
    background: #355f98;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}
.ad-login-submit:hover {
    background: #3d6ba9;
}
.ad-register-line {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.06);
    color: #ddd;
    font-size: 14px;
    text-align: center;
}
.ad-register-line span {
    margin-left: 5px;
}
.ad-account-logged-links {
    display: grid;
    gap: 9px;
}
.ad-account-logged-links a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 3px;
    background: #2b303a;
    color: #fff !important;
    text-decoration: none !important;
}
body.ad-account-open {
    overflow: hidden !important;
}
@media (max-width: 480px) {
    .ad-account-modal {
        width: calc(100vw - 28px);
        padding: 23px 18px 18px;
    }
}

/* ArabDoujinshi account modal multi-step views */
.ad-account-view { display:none; }
.ad-account-view.is-active { display:block; }

.ad-account-ajax-form input[type="text"],
.ad-account-ajax-form input[type="email"],
.ad-account-ajax-form input[type="password"] {
    display:block;
    width:100%;
    height:42px;
    box-sizing:border-box;
    margin:0 0 10px;
    padding:0 12px;
    border:1px solid #323640;
    border-radius:3px;
    outline:0;
    background:#2b303a;
    color:#fff;
    font-size:14px;
    direction:rtl;
    text-align:right;
}
.ad-account-ajax-form input:focus { border-color:#526887; }

.ad-account-text-link,
.ad-account-back-link {
    appearance:none;
    border:0;
    padding:0;
    background:transparent;
    color:#42b7ff;
    font:inherit;
    cursor:pointer;
}
.ad-account-back-link {
    display:block;
    margin:-3px 0 14px auto;
    color:#e5e5e5;
}
.ad-account-message {
    display:none;
    margin:2px 0 11px;
    padding:9px 10px;
    border-radius:3px;
    font-size:13px;
    line-height:1.6;
}
.ad-account-message:not(:empty) { display:block; }
.ad-account-message.is-error {
    background:rgba(220,53,69,.12);
    color:#ff9ca7;
    border:1px solid rgba(220,53,69,.25);
}
.ad-account-message.is-success {
    background:rgba(40,167,69,.12);
    color:#9fe0ae;
    border:1px solid rgba(40,167,69,.25);
}
.ad-account-ajax-form button[type="submit"]:disabled {
    opacity:.6;
    cursor:wait;
}

/* Account modal inline error notice */
.ad-account-message {
    position: relative;
}
.ad-account-message.is-error {
    padding: 10px 42px 10px 11px;
    background: #8f2f32;
    border: 0;
    color: #f7dddd;
}
.ad-account-message-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 100%;
    min-height: 38px;
    padding: 0;
    border: 0;
    border-right: 1px solid rgba(255,255,255,.08);
    background: rgba(0,0,0,.08);
    color: #f2dada;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}