/*
Theme Name: Mobil Catalogue
Theme URI: https://digimakarim.my.id/mobilcatalogue
Author: Juniar Arif Wicaksono
Author URI: https://digimakarim.my.id
Description: Theme katalog mobil berbasis Bootstrap 5.
Version: 1.0.0
Text Domain: mobilcatalogue
*/
:root {
    --mbp-color: #b81a05;
}

body {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
}

/* a:hover{
    color: var(--mbp-color) !important;
    text-decoration: underline !important;
} */

.topmenu {
    border-bottom: 0.1px solid #CCCCCC;
}

.bs-icon {
    --bs-icon-size: .75rem;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-size: var(--bs-icon-size);
    width: calc(var(--bs-icon-size) * 2);
    height: calc(var(--bs-icon-size) * 2);
    color: var(--bs-primary);
}

.bs-icon.bs-icon-rounded {
    border-radius: .5rem;
}

.bs-icon.bs-icon-primary {
    color: var(--bs-white);
    background: var(--mbp-color) !important;
}

.bs-icon-md {
    --bs-icon-size: 1.5rem;
}

/* .btn:hover{
    color: var(--mbp-color) !important;
    border-color: var(--mbp-color) !important;
} */

.btn-mbp {
    background-color: var(--mbp-color);
}

.mbpfooter>h5 {
    color: var(--mbp-color) !important;
    font-weight: 600 !important;
}

.mbpfooter div>ul {
    list-style: none;
    margin: 0px;
    padding-left: 0px !important;
}

.mbpfooter div>ul>li>a {
    color: #eeeeee !important;
    text-decoration: none !important;
}

.icon-box {
    width: 50px;
    height: 50px;
    padding: 5px;
    align-content: center;
}

.icon-box>i {
    color: var(--mbp-color);
    font-size: 28px;
}

.card-title {
    color: var(--mbp-color);
}

.my-sticky {
    position: sticky;
    top: 0;
    /* Optional: Ensure it stays above other content */
    z-index: 100;
}

.spek-mobil {
    color: var(--mbp-color);
    font-weight: 400;
}

.heading-tittle {
    height: 55px;
}

/* =========================
   DESKTOP HOVER DROPDOWN
========================= */

@media (min-width: 992px) {

    .navbar .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity .25s ease, transform .25s ease;
        transition: all 0.3s ease;
        margin-top: 0;
    }

    .navbar .dropdown:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    /* Remove arrow click on desktop */
    .navbar .dropdown-toggle::after {
        pointer-events: none;
    }
}

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

@media (max-width: 991.98px) {

    .navbar .dropdown-menu {
        border: none;
        padding-left: 1rem;
    }

    .navbar .dropdown-menu .dropdown-item {
        padding-left: 1.5rem;
    }
}

/* BREADCRUMB*/
.breadcrumb {
    background: transparent;
    padding: 0;
    margin-bottom: 30px;
}

.breadcrumb-item a {
    color: #ff1f00;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #666;
}

.menu {
    padding: 0px !important;
    margin: 0px !important;
    list-style: none !important;
}

.menu > li > a {
    text-decoration: none !important;
    color: #ffffff !important;
}

/*
|--------------------------------------------------------------------------
| Sidebar
|--------------------------------------------------------------------------
*/

.mbp-sidebar {

    background: #fff;

    padding: 25px;

    border-radius: 12px;

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

}

.mbp-sidebar .wp-block-group {

    margin-bottom: 30px;

}

.mbp-sidebar .wp-block-heading {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 20px;

    padding-bottom: 10px;

    border-bottom: 3px solid #dc3545;

}

.mbp-sidebar .wp-block-latest-posts {

    list-style: none;

    padding: 0;

    margin: 0;

}

.mbp-sidebar .wp-block-latest-posts li {

    border-bottom: 1px solid #eee;

    padding: 14px 0;

}

.mbp-sidebar .wp-block-latest-posts li:last-child {

    border: none;

}

.mbp-sidebar .wp-block-latest-posts a {

    color: #333;

    text-decoration: none;

    font-weight: 600;

    transition: .25s;

    display: block;

}

.mbp-sidebar .wp-block-latest-posts a:hover {

    color: #dc3545;

    transform: translateX(5px);

}

.mbp-sidebar .wp-block-latest-posts a::before {

    content: "\f1ea";

    font-family: "Font Awesome 6 Free";

    font-weight: 900;

    color: #dc3545;

    margin-right: 10px;

}

.mbp-sidebar .wp-block-categories {

    list-style: none;

    padding: 0;

}
.mbp-sidebar .wp-block-categories li {

    padding: 10px 0;

    border-bottom: 1px solid #eee;

}

.mbp-sidebar input {

    border-radius: 8px;

}
.mbp-sidebar button {

    border-radius: 8px;

}