/*
|--------------------------------------------------------------------------
| Morocco Tour Booking Card v10
|--------------------------------------------------------------------------
*/

/* ----- Carte Blocksy ----- */

.entry-card{
    position:relative;
}


/* ----- Image ----- */

.entry-card .ct-media-container{
    position:relative;
    display:block;
    overflow:hidden;
}


/* ----- Carte infos ----- */

.mtbc-info{

    position:absolute;

    left:12px;

    right:12px;

    bottom:12px;

    z-index:99;

    background:rgba(0,0,0,.3);



    border:1px solid rgba(255,255,255,.12);

    border-radius:18px;

    padding:14px;

    color:#fff;

    box-sizing:border-box;

    box-shadow:0 10px 30px rgba(0,0,0,.30);

}


/* ----- Ligne du haut ----- */

.mtbc-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:12px;

}


/* ----- Badge ----- */

.mtbc-badge{

    background:#ff8c00;

    color:#fff;

    padding:6px 12px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

}


/* ----- Etoiles ----- */

.mtbc-stars{

    color:#FFD43B;

    font-size:16px;

    letter-spacing:2px;

}


/* ----- Lignes ----- */

.mtbc-item{

    display:flex;

    align-items:center;

    gap:10px;

    margin:8px 0;

    font-size:14px;

}

.mtbc-item i{

    width:20px;

    text-align:center;

    color:#ffb347;

}


/* ----- Prix ----- */

.mtbc-price{

    margin-top:12px;

    font-size:20px;

    font-weight:700;

    color:#fff;

}


/*==================================================
=                 TABLETTE
==================================================*/

@media (max-width:991px){

.mtbc-info{

left:10px;

right:10px;

bottom:10px;

padding:12px;

}

.mtbc-price{

font-size:18px;

}

}


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

@media (max-width:768px){

.mtbc-info{

left:8px;

right:8px;

bottom:8px;

padding:10px;

border-radius:14px;

}

.mtbc-top{

margin-bottom:8px;

}

.mtbc-badge{

font-size:11px;

padding:5px 10px;

}

.mtbc-stars{

font-size:14px;

}

.mtbc-item{

font-size:13px;

margin:6px 0;

gap:8px;

}

.mtbc-item i{

width:18px;

font-size:13px;

}

.mtbc-price{

font-size:17px;

margin-top:8px;

}

}


/*==================================================
=             Très petit téléphone
==================================================*/

@media (max-width:480px){

.mtbc-info{

left:6px;

right:6px;

bottom:6px;

padding:8px;

}

.mtbc-item{

font-size:12px;

}

.mtbc-price{

font-size:16px;

}

}