/*
Theme Name: Astra Child
Theme URI: https://anumalkin.com/
Description: Astra Child Theme for Mistress Anu
Author: Mistress Anu
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

#masthead.site-header,
.ast-primary-header-bar,
.ast-mobile-header-wrap{
    display:none!important;
}

:root{
    --ma-bg:#050505;
    --ma-gold:#d9b45c;
    --ma-line:rgba(217,180,92,.24);
    --ma-text:#f5f2eb;
}

html{scroll-padding-top:78px}
body.ma-overlay-active{overflow:hidden}

.ma-lux-header{
    position:sticky;
    top:0;
    z-index:99990;
    width:100%;
    background:rgba(3,3,3,.985);
    border-bottom:1px solid var(--ma-line);
    box-shadow:0 8px 24px rgba(0,0,0,.22);
}
.admin-bar .ma-lux-header{top:32px}

.ma-lux-shell{
    position:relative;
    width:100%;
    height:78px;
    margin:0 auto;
    padding:0 24px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 250px minmax(0,1fr);
    align-items:center;
    gap:10px;
}

.ma-lux-edge{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
}
.ma-lux-edge-left{left:22px}
.ma-lux-edge-right{right:22px}

.ma-icon-btn{
    width:40px;
    height:40px;
    padding:0;
    display:grid;
    place-items:center;
    border:0;
    background:transparent;
    color:var(--ma-text);
    cursor:pointer;
    transition:color .18s ease,transform .18s ease;
}
.ma-icon-btn:hover{
    color:var(--ma-gold);
    transform:translateY(-1px);
}
.ma-icon-btn svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.35;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.ma-menu-button{
    display:flex;
    align-items:center;
    gap:10px;
    padding:8px 0;
    border:0;
    background:transparent;
    color:var(--ma-text);
    cursor:pointer;
}
.ma-menu-label{
    font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;
    font-size:10px;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.22em;
}
.ma-menu-trigger{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:center;
    gap:5px;
}
.ma-menu-trigger i{
    display:block;
    height:1px;
    background:currentColor;
}
.ma-menu-trigger i:nth-child(1){width:24px}
.ma-menu-trigger i:nth-child(2){width:17px}
.ma-menu-trigger i:nth-child(3){width:24px}
.ma-menu-button:hover{color:var(--ma-gold)}
.ma-mobile-menu-only,
.ma-mobile-contact-only,
.ma-mobile-brand-sub{display:none!important}

.ma-lux-nav{
    display:flex;
    align-items:center;
    justify-content:space-evenly;
    width:100%;
    min-width:0;
    gap:0;
}
.ma-lux-nav-left{padding-right:4px}
.ma-lux-nav-right{padding-left:4px}

.ma-lux-nav a{
    color:var(--ma-text);
    text-decoration:none;
    text-transform:uppercase;
    font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;
    font-size:9px;
    line-height:1;
    font-weight:600;
    letter-spacing:.10em;
    white-space:nowrap;
    transition:color .18s ease;
}
.ma-lux-nav a:hover{color:var(--ma-gold)}

.ma-nav-cta{
    padding:10px 14px;
    border:1px solid rgba(217,180,92,.48);
    border-radius:999px;
    color:var(--ma-gold)!important;
}
.ma-nav-cta:hover{
    background:var(--ma-gold);
    color:#050505!important;
}

.ma-lux-brand{
    grid-column:2;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    text-decoration:none;
    min-width:0;
    padding:0 4px;
}
.ma-lux-brand-main{
    color:#e6bd67;
    font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;
    font-size:39px;
    line-height:.86;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.055em;
    white-space:nowrap;
    text-shadow:0 0 18px rgba(230,189,103,.20);
}
.ma-lux-brand:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-9px;
    width:66px;
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg,transparent,#d9b45c,transparent);
    opacity:.78;
}

.ma-menu-overlay,
.ma-search-overlay{
    position:fixed;
    inset:0;
    z-index:100000;
    background:rgba(3,3,3,.985);
    opacity:0;
    visibility:hidden;
    transition:opacity .22s ease,visibility .22s ease;
}
.ma-menu-overlay.is-open,
.ma-search-overlay.is-open{
    opacity:1;
    visibility:visible;
}

.ma-overlay-close{
    position:absolute;
    top:24px;
    right:24px;
    width:46px;
    height:46px;
    border:1px solid var(--ma-line);
    border-radius:50%;
    background:transparent;
    color:#fff;
    font:300 32px/1 Arial,sans-serif;
    cursor:pointer;
}
.admin-bar .ma-overlay-close{top:56px}

.ma-menu-overlay{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:86px 24px 42px;
}
.ma-menu-brand{
    text-align:center;
    margin-bottom:28px;
}
.ma-menu-brand small{
    display:block;
    margin-bottom:10px;
    color:#aaa39a;
    font:700 7px/1 "Montserrat","Helvetica Neue",Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.42em;
}
.ma-menu-brand span{
    display:block;
    color:var(--ma-gold);
    font:600 clamp(34px,5vw,54px)/1 Georgia,"Times New Roman",serif;
    text-transform:uppercase;
    letter-spacing:.12em;
}
.ma-overlay-sections{
    width:min(820px,92vw);
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.ma-menu-section{
    border:1px solid var(--ma-line);
    background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
}
.ma-menu-section-title{
    display:block;
    padding:13px 14px 12px;
    color:var(--ma-gold);
    text-align:center;
    text-transform:uppercase;
    font:700 9px/1 "Montserrat","Helvetica Neue",Arial,sans-serif;
    letter-spacing:.28em;
    border-bottom:1px solid var(--ma-line);
}
.ma-menu-section a{
    display:block;
    padding:13px 12px;
    color:#fff;
    text-decoration:none;
    text-align:center;
    text-transform:uppercase;
    font:600 10px/1.15 "Montserrat","Helvetica Neue",Arial,sans-serif;
    letter-spacing:.16em;
    border-bottom:1px solid rgba(217,180,92,.11);
    transition:.18s ease;
}
.ma-menu-section a:last-child{border-bottom:0}
.ma-menu-section a:hover{
    color:var(--ma-gold);
    background:rgba(217,180,92,.05);
}
.ma-menu-contact-card{
    width:min(820px,92vw);
    margin-top:14px;
    padding:12px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:center;
    gap:12px;
    border:1px solid var(--ma-line);
    background:rgba(217,180,92,.035);
}
.ma-contact-icon{
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--ma-gold);
    text-decoration:none;
    border:1px solid rgba(217,180,92,.18);
    background:rgba(255,255,255,.018);
    transition:.18s ease;
}
.ma-contact-icon:hover{
    color:#fff;
    border-color:rgba(217,180,92,.48);
    background:rgba(217,180,92,.08);
}
.ma-contact-icon svg{
    width:28px;
    height:28px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.45;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.ma-contact-telegram svg path:first-child{
    fill:currentColor;
    stroke:none;
}
.ma-contact-telegram svg path:last-child{
    stroke:#050505;
    stroke-width:1.2;
}

.ma-search-overlay{
    display:grid;
    place-items:center;
    padding:100px 24px 44px;
}
.ma-search-form{width:min(780px,92vw)}
.ma-search-form label{
    display:block;
    margin-bottom:24px;
    text-align:center;
    color:var(--ma-gold);
    font:600 clamp(28px,4vw,42px)/1 Georgia,"Times New Roman",serif;
    text-transform:uppercase;
    letter-spacing:.10em;
}
.ma-search-row{
    display:grid;
    grid-template-columns:1fr auto;
    border-bottom:1px solid rgba(255,255,255,.42);
}
.ma-search-row input{
    width:100%;
    min-width:0;
    padding:16px 8px;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    font:400 24px/1.2 Georgia,"Times New Roman",serif;
}
.ma-search-row input::placeholder{color:rgba(255,255,255,.28)}
.ma-search-row button{
    padding:0 20px;
    border:0;
    border-left:1px solid var(--ma-line);
    background:transparent;
    color:var(--ma-gold);
    font:700 10px/1 "Montserrat","Helvetica Neue",Arial,sans-serif;
    text-transform:uppercase;
    letter-spacing:.22em;
    cursor:pointer;
}

@media(max-width:1260px){
    .ma-lux-shell{
        grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);
        padding:0 64px;
        gap:18px;
    }
    .ma-lux-nav{gap:15px}
    .ma-lux-nav a{font-size:9px;letter-spacing:.16em}
    .ma-lux-brand-main{font-size:25px;letter-spacing:.11em}
}

@media(max-width:1080px){
    .ma-lux-shell{
        grid-template-columns:1fr;
        padding:0 68px;
        height:82px;
    }
    .ma-lux-nav{display:none}
    .ma-lux-brand{
        grid-column:1;
        flex-direction:column;
        gap:3px;
        padding:0;
    }
    .ma-lux-brand:after{display:none}
    .ma-lux-brand-main{
        font-size:28px;
        line-height:.92;
        letter-spacing:.10em;
    }
    .ma-mobile-brand-sub{
        display:block!important;
        color:#b88a37;
        font-family:"Montserrat","Helvetica Neue",Arial,sans-serif;
        font-size:7px;
        line-height:1;
        font-weight:700;
        text-transform:uppercase;
        letter-spacing:.42em;
        padding-left:.42em;
    }
    .ma-mobile-menu-only,
    .ma-mobile-contact-only{display:block!important}
    .ma-lux-edge-left{left:22px}
    .ma-lux-edge-right{right:22px}
    .ma-menu-button{
        width:44px;
        height:44px;
        padding:0;
        align-items:center;
        justify-content:center;
    }
    .ma-menu-trigger{
        align-items:flex-start;
        gap:6px;
    }
    .ma-menu-trigger i{
        height:1.5px;
        background:#f7f3eb;
    }
    .ma-menu-trigger i:nth-child(1){width:30px}
    .ma-menu-trigger i:nth-child(2){width:24px}
    .ma-menu-trigger i:nth-child(3){width:30px}
    .ma-mobile-contact{
        width:44px;
        height:44px;
        display:grid;
        place-items:center;
        color:#f7f3eb;
        text-decoration:none;
        border:1px solid rgba(217,180,92,.22);
        border-radius:2px;
    }
    .ma-mobile-contact svg{
        width:24px;
        height:24px;
        fill:none;
        stroke:currentColor;
        stroke-width:1.35;
        stroke-linecap:round;
        stroke-linejoin:round;
    }
}

@media(max-width:782px){
    .admin-bar .ma-lux-header{top:46px}
    .admin-bar .ma-overlay-close{top:72px}
}

@media(max-width:620px){
    html{scroll-padding-top:78px}
    .ma-lux-shell{
        height:78px;
        padding:0 60px;
    }
    .ma-lux-edge-left{left:14px}
    .ma-lux-edge-right{right:14px}
    .ma-lux-brand-main{
        font-size:25px;
        letter-spacing:.095em;
    }
    .ma-mobile-brand-sub{
        font-size:6px;
        letter-spacing:.34em;
        padding-left:.34em;
    }
    .ma-menu-button,
    .ma-mobile-contact{
        width:42px;
        height:42px;
    }
    .ma-menu-trigger i:nth-child(1){width:28px}
    .ma-menu-trigger i:nth-child(2){width:22px}
    .ma-menu-trigger i:nth-child(3){width:28px}
    .ma-mobile-contact svg{width:23px;height:23px}
    .ma-menu-overlay{
        justify-content:flex-start;
        overflow:hidden;
        padding:58px 14px 16px;
    }
    .ma-menu-brand{
        margin:0 0 14px;
    }
    .ma-menu-brand small{
        margin-bottom:7px;
        font-size:6px;
        letter-spacing:.30em;
    }
    .ma-menu-brand span{
        font-size:27px;
        letter-spacing:.10em;
    }
    .ma-overlay-close{
        top:12px;
        right:12px;
        width:38px;
        height:38px;
        font-size:27px;
    }
    .ma-overlay-sections{
        width:100%;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    .ma-menu-section-title{
        padding:10px 8px 9px;
        font-size:7px;
        letter-spacing:.20em;
    }
    .ma-menu-section a{
        min-height:48px;
        padding:12px 7px;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:9px;
        font-weight:500;
        letter-spacing:.08em;
        line-height:1.2;
    }
    .ma-menu-contact-card{
        width:100%;
        margin-top:10px;
        padding:9px;
        grid-template-columns:1fr 1fr;
        gap:10px;
    }
    .ma-contact-icon{
        min-height:54px;
        border-radius:3px;
    }
    .ma-contact-icon svg{
        width:29px;
        height:29px;
    }
}

/* Mobile homepage hero animation sample — reference-style fade/zoom using existing homepage images. */
@media (max-width:767px){
    body.page-id-9 .elementor-element-up000001{
        position:relative;
        display:block!important;
        overflow:hidden;
        padding:0!important;
        margin:0!important;
        background:#030303!important;
        background-image:none!important;
    }

    body.page-id-9 .elementor-element-up000001::before{
        content:"";
        display:block;
        width:100%;
        height:min(72svh,680px);
        min-height:500px;
        margin:0;
        background-color:#000;
        background-repeat:no-repeat;
        background-position:center center;
        background-size:contain;
        opacity:0;
        transform:scale(.985);
        transform-origin:center center;
        will-change:opacity,transform;
        animation:anu-mobile-hero-cycle 15s ease-in-out infinite;
    }

    body.page-id-9 .elementor-element-up000001::after{
        content:"";
        position:absolute;
        z-index:1;
        top:0;
        left:0;
        width:100%;
        height:min(72svh,680px);
        min-height:500px;
        pointer-events:none;
        background:
            radial-gradient(ellipse at 18% 3%,rgba(180,180,180,.20) 0%,rgba(90,90,90,.10) 16%,transparent 39%),
            radial-gradient(ellipse at 72% -2%,rgba(150,150,150,.17) 0%,rgba(80,80,80,.08) 17%,transparent 40%),
            radial-gradient(ellipse at 48% 8%,rgba(180,180,180,.12) 0%,transparent 34%),
            linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.28) 16%,transparent 34%,transparent 69%,rgba(0,0,0,.72) 100%),
            linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.16) 17%,transparent 34%,transparent 66%,rgba(0,0,0,.16) 83%,rgba(0,0,0,.76) 100%);
        box-shadow:inset 0 0 52px 16px rgba(0,0,0,.56);
        opacity:.95;
        transform:scale(1.06) translate3d(0,-1%,0);
        transform-origin:top center;
        animation:anu-mobile-smoke 8s ease-in-out infinite alternate;
    }

    body.page-id-9 .elementor-element-up000001 > .elementor-container{
        position:relative;
        z-index:2;
        width:100%!important;
        max-width:none!important;
        margin:0!important;
        padding:26px 20px 34px!important;
        background:linear-gradient(180deg,#050505 0%,#090707 100%);
    }

    body.page-id-9 .elementor-element-up000002{
        width:100%!important;
    }

    body.page-id-9 .elementor-element-up00000b{
        display:none!important;
    }

    body.page-id-9 .elementor-element-up000005 .elementor-heading-title{
        font-size:clamp(38px,11vw,54px)!important;
        line-height:.98!important;
    }

    body.page-id-9 .elementor-element-up000007 p{
        margin-bottom:0;
    }
}

@keyframes anu-mobile-hero-cycle{
    0%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/09/mistress-anu-luxury-homepage-hero.png");
        opacity:0;
        transform:scale(.985);
    }
    5%,27%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/09/mistress-anu-luxury-homepage-hero.png");
        opacity:1;
        transform:scale(1.035);
    }
    31%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/09/mistress-anu-luxury-homepage-hero.png");
        opacity:0;
        transform:scale(1.06);
    }
    33%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/03/Anu-Mistress.png");
        opacity:0;
        transform:scale(.985);
    }
    38%,60%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/03/Anu-Mistress.png");
        opacity:1;
        transform:scale(1.035);
    }
    64%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/03/Anu-Mistress.png");
        opacity:0;
        transform:scale(1.06);
    }
    66%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/04/mumbai-bdsm-mistress-long-nails.png");
        opacity:0;
        transform:scale(.985);
    }
    71%,94%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/04/mumbai-bdsm-mistress-long-nails.png");
        opacity:1;
        transform:scale(1.035);
    }
    100%{
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/04/mumbai-bdsm-mistress-long-nails.png");
        opacity:0;
        transform:scale(1.06);
    }
}

@keyframes anu-mobile-smoke{
    0%{
        opacity:.78;
        transform:scale(1.05) translate3d(-1.5%,-1.5%,0);
    }
    50%{
        opacity:1;
        transform:scale(1.08) translate3d(1%,.5%,0);
    }
    100%{
        opacity:.86;
        transform:scale(1.06) translate3d(2%,-.5%,0);
    }
}

@media (prefers-reduced-motion:reduce){
    body.page-id-9 .elementor-element-up000001::before{
        animation:none;
        opacity:1;
        transform:none;
        background-image:url("https://anumalkin.com/wp-content/uploads/2026/09/mistress-anu-luxury-homepage-hero.png");
    }
}