/*
Theme Name:        Hyvercode WordPress Theme
Theme URI:         https://hyvercode.com
Author:            hyvercode
Author URI:        https://hyvercode.com/
Description:       A sleek, responsive, and minimalist WordPress theme template.
Version:           1.0.0
Requires at least: 6.0
Tested up to:      6.8
Requires PHP:      7.4
License:           GNU General Public License v2 or later
License URI:       http://gnu.org
Text Domain:       my-custom-theme
Tags:              two-columns, responsive-layout, custom-colors, portfolio

Disclaimer: This theme, like WordPress, is licensed under the GPL.
*/


/* @import "functions";
@import url('variables.css');
@import url('variables-dark.css'); */

:root {
    --bs-primary: #059669;
    --bs-secondary: #FBBF24;
}

.btn-primary {
    --bs-btn-bg: #059669;
    --bs-btn-border-color: #059669;
    --bs-btn-hover-bg: #047857;
    --bs-btn-hover-border-color: #047857;
}

.btn-secondary {
    --bs-btn-bg: #FBBF24;
    --bs-btn-border-color: #FBBF24;
    --bs-btn-color: #000;
    --bs-btn-hover-bg: #F59E0B;
    --bs-btn-hover-border-color: #F59E0B;
}

/* customize primary dark */

[data-bs-theme="dark"] {
    --bs-primary: #{$primary};
    --bs-primary-bg-subtle: #{$primary};
    --bs-primary-bg-subtle-dark: #{$primary};

    .btn-primary {
        --bs-btn-bg: #{$primary};
    }
}

.bd-navbar {
    padding: 0.75rem 0;
    background-color: #7952b3;
}

.card-img-left-md img {
    padding: 10px;
    width: 100%;
}

.post-thumbnail img {
    height: auto;
    max-width: 10%;
}

.blog-post-title a {
    text-decoration: none;
    color: #3E3E3E;
}

.cat-item a {
    color: #3E3E3E;
}

.widget ul li a {
    color: #3E3E3E;
}


/* Container pembungkus utama */
.navbar-brand-wrapper {
    display: flex;
    align-items: center;
}

/* Mengatur ukuran font Judul Situs agar pas dengan logo */
.site-title {
    font-size: 1.25rem;
    /* Menyesuaikan standard Bootstrap navbar text */
    line-height: 1.2;
}

/* Mengatur ukuran font Tagline */
.site-description {
    font-size: 0.8rem;
    margin-top: 2px;
}

/* Memastikan link logo tidak merusak layout flex */
.navbar-brand {
    margin-right: 1rem;
    display: inline-block;
}

.breadcrumb {
    display: flex;
    list-style: none;
    padding: 0;
}

/* Berikan jarak antar item (misal pembatas seperti "/") */
.breadcrumb-item+.breadcrumb-item::before {
    content: "/";
    padding: 0 10px;
    color: #6c757d;
}

/* Gaya untuk link yang bisa diklik */
.breadcrumb-item a {
    color: #007bff;
    text-decoration: none;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
    /* Muncul garis bawah saat di-hover */
}

/* Gaya untuk halaman aktif (teks mati) */
.breadcrumb-item.active {
    color: #333333;
    pointer-events: none;
    /* Memastikan benar-benar tidak bisa diklik */
}


/* CSS Darurat Pembuka Blokir Klik Breadcrumb */
.breadcrumb {
    position: relative !important;
    z-index: 9999 !important;
}

.breadcrumb-item a {
    position: relative !important;
    z-index: 10000 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    display: inline-block;
}

@media (min-width: 992px) {
    .card-img-left-md img {
        padding: 0 !important;
        width: 10% !important;
    }

    .card-img-left-md img {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        object-fit: cover;
        height: 80% !important;
        width: 100% !important;
    }
}