/* =========================================================
   AWTI DEVICES HUB
   BREADCRUMB CSS
   File: assets/css/device-breadcrumb.css
   ========================================================= */

.awti-device-single .awti-device-breadcrumb{
    display:flex;
    align-items:center;
    flex-wrap:wrap;

    gap:7px;

    margin:0 0 12px;
    padding:8px 11px;

    border:1px solid rgba(37,99,235,.14);
    border-radius:11px;

    background:
        linear-gradient(
            135deg,
            #ecfdf5,
            #ffffff,
            #eff6ff
        );

    color:#64748b;

    font-size:12px;
    line-height:1.4;

    box-shadow:
        0 3px 12px rgba(15,23,42,.03);
}


/* =========================================================
   LINKS
   ========================================================= */

.awti-device-single .awti-device-breadcrumb a{
    color:#2563eb;

    font-weight:800;

    text-decoration:none;

    transition:
        color .15s ease;
}

.awti-device-single .awti-device-breadcrumb a:hover{
    color:#15803d;
}


/* =========================================================
   SEPARATOR
   ========================================================= */

.awti-device-single .awti-device-breadcrumb > span{
    color:#94a3b8;

    font-weight:600;
}


/* =========================================================
   CURRENT DEVICE
   ========================================================= */

.awti-device-single .awti-device-breadcrumb strong{
    max-width:100%;

    color:#0f172a;

    font-weight:800;
}


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

@media(max-width:600px){

    .awti-device-single .awti-device-breadcrumb{
        gap:5px;

        margin-bottom:9px;
        padding:7px 9px;

        border-radius:9px;

        font-size:11px;
    }

}