/* Hide Astra/WordPress default Home page title */
body.home .entry-header .entry-title,
body.home .entry-title,
body.home header.entry-header{
    display:none !important;
}

/* =========================================================
   ASTRO HOME - PROFESSIONAL
   ========================================================= */

.ah-page{
    --ah-maroon:#8b171c;
    --ah-maroon-dark:#681014;
    --ah-orange:#d97c28;
    --ah-gold:#b98116;
    --ah-cream:#fff8ed;
    --ah-soft:#fffdf9;
    --ah-border:#ead8c2;
    --ah-text:#20263a;
    --ah-muted:#70665e;
    --ah-shadow:
        0 12px 34px
        rgba(69,37,18,.075);

    max-width:1240px;

    margin:
        25px auto
        60px;

    padding:
        0 14px;

    color:
        var(--ah-text);
}

.ah-page *{
    box-sizing:
        border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.ah-hero{
    display:grid;

    grid-template-columns:
        1.65fr
        .85fr;

    gap:20px;

    margin-bottom:
        20px;
}

.ah-hero-copy,
.ah-live-card{
    border:
        1px solid
        var(--ah-border);

    border-radius:
        17px;

    background:#fff;

    box-shadow:
        var(--ah-shadow);
}

.ah-hero-copy{
    padding:
        38px 40px;

    background:
        radial-gradient(
            circle at 88% 20%,
            rgba(217,124,40,.09),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #fff,
            #fffaf2
        );
}

.ah-kicker,
.ah-card-head span,
.ah-question-banner > div > span{
    display:block;

    color:
        var(--ah-orange);

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        .12em;

    text-transform:
        uppercase;
}

.ah-hero-copy h1{
    margin:
        7px 0 11px;

    max-width:
        700px;

    color:
        #172038;

    font-size:
        42px;

    line-height:
        1.1;
}

.ah-hero-copy p{
    max-width:
        710px;

    margin:
        0;

    color:
        var(--ah-muted);

    font-size:
        16px;

    line-height:
        1.7;
}

.ah-hero-actions{
    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:
        23px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.ah-btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-height:
        45px;

    padding:
        10px 19px;

    border-radius:
        9px;

    font-size:
        13px;

    font-weight:
        750;

    text-decoration:
        none !important;

    transition:
        .17s ease;
}

.ah-btn-primary{
    border:
        1px solid
        var(--ah-maroon);

    background:
        linear-gradient(
            180deg,
            #a52025,
            var(--ah-maroon)
        );

    color:#fff !important;

    box-shadow:
        0 7px 18px
        rgba(139,23,28,.16);
}

.ah-btn-primary:hover{
    transform:
        translateY(-1px);

    background:
        var(--ah-maroon-dark);
}

.ah-btn-light{
    border:
        1px solid
        #dcc7ac;

    background:#fff;

    color:
        var(--ah-maroon)
        !important;
}

.ah-btn-light:hover{
    background:
        var(--ah-cream);
}


/* =========================================================
   LIVE PANCHANG HERO CARD
   ========================================================= */

.ah-live-card{
    overflow:hidden;

    padding:
        23px;

    background:
        linear-gradient(
            150deg,
            #fffdf9,
            #fff5e7
        );
}

.ah-live-top{
    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:15px;
}

.ah-live-top span{
    display:block;

    margin-bottom:
        5px;

    color:
        var(--ah-orange);

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        .11em;
}

.ah-live-top strong{
    color:
        #3b2a23;

    font-size:
        14px;
}

.ah-om{
    color:
        var(--ah-gold);

    font-size:
        42px;

    line-height:
        1;
}

.ah-live-time{
    margin:
        28px 0 18px;

    padding:
        18px;

    border:
        1px solid
        #ead8b9;

    border-radius:
        11px;

    background:
        rgba(255,255,255,.76);
}

.ah-live-time small{
    display:block;

    margin-bottom:
        5px;

    color:
        var(--ah-muted);

    font-size:
        10px;

    text-transform:
        uppercase;
}

.ah-live-time strong{
    color:
        var(--ah-maroon);

    font-size:
        30px;

    letter-spacing:
        .02em;
}

.ah-location{
    padding-top:
        14px;

    border-top:
        1px solid
        #eadcc8;

    color:
        #6b5a4f;

    font-size:
        12px;

    line-height:
        1.5;
}


/* =========================================================
   PANCHANG + CHOGHADIYA
   ========================================================= */

.ah-grid{
    display:grid;

    grid-template-columns:
        1.55fr
        .65fr;

    gap:20px;

    margin-bottom:
        20px;
}

.ah-card{
    overflow:hidden;

    border:
        1px solid
        var(--ah-border);

    border-radius:
        15px;

    background:#fff;

    box-shadow:
        var(--ah-shadow);
}

.ah-card-head{
    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:15px;

    padding:
        16px 18px;

    border-bottom:
        1px solid
        var(--ah-border);

    background:
        linear-gradient(
            180deg,
            #fffaf0,
            #fff5e5
        );
}

.ah-card-head h2{
    margin:
        3px 0 0;

    color:
        var(--ah-maroon);

    font-size:
        21px;
}

.ah-sun{
    color:
        var(--ah-gold);

    font-size:
        29px;
}

.ah-panchang-grid{
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:10px;

    padding:
        14px;
}

.ah-info-box{
    min-height:
        72px;

    padding:
        11px 12px;

    border:
        1px solid
        #eadfce;

    border-radius:
        9px;

    background:
        var(--ah-soft);
}

.ah-info-box small{
    display:block;

    margin-bottom:
        5px;

    color:
        var(--ah-muted);

    font-size:
        9px;

    font-weight:
        700;

    letter-spacing:
        .04em;

    text-transform:
        uppercase;
}

.ah-info-box strong{
    display:block;

    color:
        #433129;

    font-size:
        13px;

    line-height:
        1.4;
}


/* =========================================================
   CHOGHADIYA
   ========================================================= */

.ah-period-badge{
    padding:
        5px 9px;

    border-radius:
        999px;

    background:#fff;

    color:
        var(--ah-gold)
        !important;

    font-size:
        10px !important;
}

.ah-choghadiya-current{
    margin:
        16px;

    padding:
        23px 18px;

    border-radius:
        12px;

    text-align:center;
}

.ah-choghadiya-current.auspicious{
    border:
        1px solid
        #d9c186;

    background:
        linear-gradient(
            145deg,
            #fff9df,
            #fffef6
        );
}

.ah-choghadiya-current.inauspicious{
    border:
        1px solid
        #e3c3bd;

    background:
        linear-gradient(
            145deg,
            #fff3f1,
            #fffafa
        );
}

.ah-choghadiya-current small{
    display:block;

    color:
        var(--ah-muted);

    font-size:
        10px;

    text-transform:
        uppercase;
}

.ah-choghadiya-current strong{
    display:block;

    margin:
        5px 0;

    color:
        var(--ah-maroon);

    font-size:
        31px;
}

.ah-choghadiya-current span{
    color:
        #66584e;

    font-size:
        12px;
}

.ah-choghadiya-note{
    margin:
        0 16px 16px;

    padding:
        14px;

    border-top:
        1px solid
        #eee1cf;
}

.ah-choghadiya-note strong{
    color:
        #553b2c;

    font-size:
        13px;
}

.ah-choghadiya-note p{
    margin:
        5px 0 0;

    color:
        var(--ah-muted);

    font-size:
        12px;

    line-height:
        1.55;
}


/* =========================================================
   QUICK ACTIONS
   ========================================================= */

.ah-actions{
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:14px;

    margin-bottom:
        20px;
}

.ah-action-card{
    display:grid;

    grid-template-columns:
        42px
        1fr
        20px;

    gap:12px;

    align-items:center;

    min-height:
        115px;

    padding:
        17px;

    border:
        1px solid
        var(--ah-border);

    border-radius:
        13px;

    background:#fff;

    box-shadow:
        0 7px 21px
        rgba(62,34,16,.055);

    color:
        inherit !important;

    text-decoration:
        none !important;

    transition:
        .16s ease;
}

.ah-action-card:hover{
    transform:
        translateY(-2px);

    border-color:
        #d8b986;

    box-shadow:
        var(--ah-shadow);
}

.ah-action-icon{
    display:flex;

    align-items:center;

    justify-content:center;

    width:42px;

    height:42px;

    border-radius:
        50%;

    background:
        var(--ah-cream);

    color:
        var(--ah-maroon);

    font-size:
        19px;

    font-weight:
        800;
}

.ah-action-card h3{
    margin:
        0 0 4px;

    color:
        var(--ah-maroon);

    font-size:
        15px;
}

.ah-action-card p{
    margin:0;

    color:
        var(--ah-muted);

    font-size:
        11px;

    line-height:
        1.5;
}

.ah-action-card b{
    color:
        var(--ah-orange);

    font-size:
        20px;
}


/* =========================================================
   QUESTION BANNER
   ========================================================= */

.ah-question-banner{
    display:flex;

    align-items:center;

    justify-content:
        space-between;

    gap:30px;

    padding:
        27px 30px;

    border:
        1px solid
        #dfc08c;

    border-radius:
        15px;

    background:
        linear-gradient(
            125deg,
            #fff7e8,
            #fffdf9
        );

    box-shadow:
        var(--ah-shadow);
}

.ah-question-banner h2{
    margin:
        5px 0 5px;

    color:
        var(--ah-maroon);

    font-size:
        25px;
}

.ah-question-banner p{
    max-width:
        720px;

    margin:0;

    color:
        var(--ah-muted);

    font-size:
        13px;

    line-height:
        1.55;
}

.ah-question-actions{
    display:flex;

    flex-wrap:wrap;

    gap:9px;

    flex:0 0 auto;
}


/* =========================================================
   ALERT
   ========================================================= */

.ah-alert{
    padding:
        16px;

    border:
        1px solid
        #ebc0c0;

    border-radius:
        10px;

    background:
        #fff6f6;

    color:
        var(--ah-maroon);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:1000px){

    .ah-hero{
        grid-template-columns:
            1fr;
    }

    .ah-grid{
        grid-template-columns:
            1fr;
    }

    .ah-actions{
        grid-template-columns:
            1fr 1fr;
    }
}

@media(max-width:680px){

    .ah-page{
        padding:
            0 8px;
    }

    .ah-hero-copy{
        padding:
            27px 21px;
    }

    .ah-hero-copy h1{
        font-size:
            32px;
    }

    .ah-panchang-grid{
        grid-template-columns:
            1fr 1fr;
    }

    .ah-actions{
        grid-template-columns:
            1fr;
    }

    .ah-question-banner{
        align-items:
            flex-start;

        flex-direction:
            column;
    }

    .ah-question-actions{
        width:100%;
    }

    .ah-question-actions .ah-btn{
        width:100%;
    }
}


/* =========================================================
   CURRENT HORA
   ========================================================= */

.ah-hora-box{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin:0 16px 16px;
    padding:13px 14px;
    border:1px solid #ead8b9;
    border-radius:10px;
    background:#fffaf1;
}

.ah-hora-box small{
    display:block;
    margin-bottom:3px;
    color:var(--ah-muted);
    font-size:9px;
    font-weight:700;
    letter-spacing:.05em;
    text-transform:uppercase;
}

.ah-hora-box strong{
    color:var(--ah-maroon);
    font-size:18px;
}

.ah-hora-box > span{
    color:#66584e;
    font-size:11px;
    font-weight:700;
    white-space:nowrap;
}


/* =========================================================
   HOME v3 SMALL CLOCK + CHOGHADIYA LINK
   ========================================================= */

.ah-live-time strong{
    font-size:24px;
}

.ah-choghadiya-action{
    padding:0 16px 14px;
}

.ah-choghadiya-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:42px;
    padding:10px 13px;
    border:1px solid #dec397;
    border-radius:9px;
    background:#fffaf1;
    color:var(--ah-maroon) !important;
    text-decoration:none !important;
    font-size:12px;
    font-weight:800;
    transition:.16s ease;
}

.ah-choghadiya-link:hover{
    background:#fff3df;
    border-color:#d6ad71;
    transform:translateY(-1px);
}

.ah-choghadiya-link span{
    color:var(--ah-orange);
    font-size:18px;
    line-height:1;
}

@media(max-width:680px){
    .ah-live-time strong{
        font-size:21px;
    }
}


/* HOME v4 - force clock size even against theme CSS */
.ah-page .ah-live-card .ah-live-time strong.ah-clock-small,
.ah-page #ah-live-clock{
    font-size:20px !important;
    line-height:1.15 !important;
    font-weight:750 !important;
}

@media(max-width:680px){
    .ah-page .ah-live-card .ah-live-time strong.ah-clock-small,
    .ah-page #ah-live-clock{
        font-size:18px !important;
    }
}