/* =====================================================
   RAJPUTANA DIARY – APP DOWNLOAD CTA
   PREMIUM ROYAL STYLE
   ===================================================== */

.rd-app-download{
    position:relative;

    display:flex;
    align-items:center;
    gap:18px;

    background:linear-gradient(
        135deg,
        #f8faff 0%,
        #eef4fc 100%
    );

    border:1px solid #d8e2f0;
    border-radius:16px;

    padding:20px 22px;

    margin:10px 0 16px;

    box-sizing:border-box;

    overflow:hidden;

    box-shadow:
        0 4px 16px rgba(11,60,116,.06);
}


/* =====================================================
   ROYAL GOLD ACCENT
   ===================================================== */

.rd-app-download::before{
    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:4px;

    background:#c89b3c;

    border-radius:16px 0 0 16px;
}


/* =====================================================
   APP ICON
   ===================================================== */

.rd-app-download-icon{

    width:58px;
    height:58px;

    flex:0 0 58px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#ffffff;

    border:1px solid #d9e3f0;

    border-radius:14px;

    font-size:28px;

    box-shadow:
        0 3px 10px rgba(11,60,116,.08);
}


/* =====================================================
   CONTENT
   ===================================================== */

.rd-app-download-content{

    flex:1;

    min-width:0;
}


/* =====================================================
   TITLE
   ===================================================== */

.rd-app-download-title{

    margin:0 0 5px;

    color:#0b3c74;

    font-size:20px;

    line-height:1.4;

    font-weight:700;
}


/* Small royal underline */

.rd-app-download-title::after{

    content:"";

    display:block;

    width:34px;

    height:2px;

    background:#c89b3c;

    margin-top:5px;

    border-radius:2px;
}


/* =====================================================
   DESCRIPTION
   ===================================================== */

.rd-app-download-text{

    margin:8px 0 13px;

    color:#3d4652;

    font-size:15px;

    line-height:1.65;
}


/* =====================================================
   DOWNLOAD BUTTON
   ===================================================== */

.rd-app-download-btn{

    display:inline-flex;

    align-items:center;
    justify-content:center;

    background:#0b3c74;

    color:#ffffff !important;

    padding:9px 19px;

    border-radius:8px;

    text-decoration:none !important;

    font-size:14px;

    line-height:1.4;

    font-weight:700;

    border:1px solid #0b3c74;

    box-shadow:
        0 3px 8px rgba(11,60,116,.18);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


.rd-app-download-btn:hover{

    background:#082f5b;

    transform:translateY(-1px);

    box-shadow:
        0 5px 12px rgba(11,60,116,.22);
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width:600px){

    .rd-app-download{

        gap:12px;

        padding:16px 15px;

        margin-top:10px;

        margin-bottom:16px;

        border-radius:14px;
    }


    .rd-app-download-icon{

        width:46px;
        height:46px;

        flex:0 0 46px;

        border-radius:11px;

        font-size:22px;
    }


    .rd-app-download-title{

        font-size:17px;
    }


    .rd-app-download-title::after{

        width:28px;

        height:2px;

        margin-top:4px;
    }


    .rd-app-download-text{

        font-size:14px;

        line-height:1.6;

        margin-top:7px;

        margin-bottom:11px;
    }


    .rd-app-download-btn{

        font-size:13px;

        padding:8px 15px;

        border-radius:7px;
    }

}