/* AdsMaxMedia V21 — approved brand replacement
   Visual-only override. Keeps V20 layout, overlay, registration and backend untouched. */

.am-logo.am-logo--image{
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    flex:0 0 auto;
    gap:0;
    line-height:0;
    overflow:visible;
}

.am-logo.am-logo--image > img{
    display:block;
    width:auto;
    max-width:none;
    object-fit:contain;
    user-select:none;
    -webkit-user-drag:none;
    filter:none !important;
    transform:none !important;
}

/* Header: larger and cleaner than the previous generated wordmark. */
.am-logo--image.am-logo--header{
    width:184px;
    height:50px;
}
.am-logo--image.am-logo--header > img{
    width:184px;
    height:auto;
}

/* Footer gets enough visual weight without dominating the legal/nav area. */
.am-logo--image.am-logo--footer{
    width:205px;
    height:56px;
}
.am-logo--image.am-logo--footer > img{
    width:205px;
    height:auto;
}

/* Registration modal: reserve a real logo column and keep it away from title. */
.am-logo--image.am-logo--register{
    width:202px;
    height:56px;
}
.am-logo--image.am-logo--register > img{
    width:202px;
    height:auto;
}

/* Remove all previous V16/V17 generated wordmark/shadow behavior. */
.am-logo--image .am-logo__mark,
.am-logo--image .am-logo__type,
.am-logo--image::before,
.am-logo--image::after{
    display:none !important;
    content:none !important;
}

a.am-brand:hover .am-logo--image > img,
a.am-brand:active .am-logo--image > img{
    transform:none !important;
    filter:none !important;
}

/* Keep header alignment stable after increasing the real logo. */
.am-brand--header{
    min-width:184px;
    display:flex;
    align-items:center;
}

/* Popup header spacing: logo must never collide with Create your application. */
.am-register-head{
    grid-template-columns:230px minmax(0,1fr) !important;
    column-gap:28px !important;
}
.am-register-brand{
    width:230px !important;
    min-width:230px !important;
    padding-right:26px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border-right:1px solid #cfd6dd;
}
.am-register-head > div:last-child{
    min-width:0;
    padding-left:0 !important;
}

/* Desktop/laptop tuning. */
@media (max-width: 1380px){
    .am-logo--image.am-logo--header,
    .am-brand--header{width:166px;min-width:166px}
    .am-logo--image.am-logo--header > img{width:166px}
    .am-register-head{
        grid-template-columns:210px minmax(0,1fr) !important;
        column-gap:22px !important;
    }
    .am-register-brand{width:210px !important;min-width:210px !important;padding-right:20px !important}
    .am-logo--image.am-logo--register,
    .am-logo--image.am-logo--register > img{width:184px}
}

/* Tablet: retain horizontal identity while keeping menu room. */
@media (max-width: 1024px){
    .am-logo--image.am-logo--header,
    .am-brand--header{width:155px;min-width:155px}
    .am-logo--image.am-logo--header > img{width:155px}
    .am-register-head{
        grid-template-columns:190px minmax(0,1fr) !important;
        column-gap:18px !important;
    }
    .am-register-brand{width:190px !important;min-width:190px !important;padding-right:16px !important}
    .am-logo--image.am-logo--register,
    .am-logo--image.am-logo--register > img{width:168px}
}

/* Mobile modal: stack logo above title, with deliberate breathing room. */
@media (max-width: 700px){
    .am-logo--image.am-logo--header,
    .am-brand--header{width:142px;min-width:142px}
    .am-logo--image.am-logo--header > img{width:142px}

    .am-register-head{
        grid-template-columns:1fr !important;
        row-gap:14px !important;
        column-gap:0 !important;
    }
    .am-register-brand{
        width:auto !important;
        min-width:0 !important;
        padding:0 0 14px !important;
        border-right:0 !important;
        border-bottom:1px solid #cfd6dd;
    }
    .am-logo--image.am-logo--register,
    .am-logo--image.am-logo--register > img{width:176px}
}

/* Small phones. */
@media (max-width: 430px){
    .am-logo--image.am-logo--header,
    .am-brand--header{width:132px;min-width:132px}
    .am-logo--image.am-logo--header > img{width:132px}
    .am-logo--image.am-logo--register,
    .am-logo--image.am-logo--register > img{width:164px}
}