.bolda {
    color: var(--bs-heading-color);
}



body {
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background-color: #f5f5f5;
    color: #333;
}
h2 {
    font-size: 32px;
    text-align: center;
    margin-top: 20px;
    color: #177d6b;
}

.category {
    background-color: #177d6b;
    padding: 20px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin-top: 10px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    font-size: 24px;
    border-radius: 99px;
    transition: background-color 0.3s, box-shadow 0.3s;
}
.category:hover {
    background-color: #145e54;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.category span {
    transition: transform 0.3s;
}
.category.active span {
    transform: rotate(45deg);
}
.subcategory {
    display: none;
    background-color: #f0f5ec;
    padding: 20px;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
}
.subcategory table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.subcategory th, .subcategory td {
    border: 1px solid #ccc;
    padding: 15px;
    text-align: left;
}
.subcategory tr:nth-child(even) {
    background-color: #f9f9f9;
}
@media (max-width: 768px) {
    .subcategory th, .subcategory td {
        padding: 10px;
        font-size: 16px;
    }
    .category {
        font-size: 20px;
    }
    h2 {
        font-size: 28px;
    }
}
@media (max-width: 480px) {
    .subcategory th, .subcategory td {
        padding: 8px;
        font-size: 14px;
    }
    .category {
        font-size: 18px;
    }
    h2 {
        font-size: 24px;
    }
}
.year-selector {
    text-align: center;
    margin: 20px 0;
}
.year-selector button {
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    background-color: #619E90;
    color: #fff;
    border: none;
    border-radius: 1rem;
    transition: background-color 0.3s;
}
.year-selector button:hover {
    background-color: #177d6b;
}

/* Change accordion header background color */
.accordion-button {
    background-color: #619E90 !important; /* Custom green */
    color: white !important; /* White text */

}

.accordion-item {
    margin-bottom: 1.2rem;
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid #dee2e6;
}

/* Button nebude zaoblený zvlášť, border-radius řeší pouze accordion-item */
.accordion-button {
    border-radius: 0;
    background-color: #619E90; /* tvoje zelená, podle screenu */
}

/* Zrušíme změnu border-radius při collapse/expand */
.accordion-button.collapsed,
.accordion-button:not(.collapsed) {
    border-radius: 0;
}

/* Change accordion header background color */
#gold-accordion {
    background-color: #C39824 !important; /* Custom green */
    color: white !important; /* White text */

}
.custom-div-sasa{
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
}


/* Hover effects */
.accordion-button:hover {
    background-color: #177d6b !important;
}

/* Remove default box shadow */
.accordion-button:focus {
    box-shadow: none !important;
}

h1{
    font-size: 50px;
}

.image-container {
    width: 300px;
    height: 340px;
    overflow: hidden;
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-container2 {
    width: 310px;
    height: 644px;
    overflow: hidden;
}

.image-container2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-btn .btn-default::before{
    background-color: #C39824;
}

.service-cta-btn .btn-default::before{
    background-color: #C39824;
}

.sasa .service-item:hover .service-body h3{
	color: var(--primary-color);
}

.sasa .service-item:hover .service-body p{
	color: var(--primary-color);
}

.sasa .service-item .icon-box::before{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    border-radius: 0px;
    background-color: var(--secondary-color);
    transition: all 0.5s ease-in-out;
    height: 100%;
}

.submenu > ul {
    min-width: 260px;             /* prevent the dropdown from shrinking too small */
    white-space: normal;          /* allow text to wrap normally */
    word-break: break-word;       /* break long words if needed */
    padding: 10px 15px;           /* some internal padding for aesthetics */
    border-radius: 15px;          /* matches your rounded look */
    background-color: #5e978b;    /* same as your existing bg */
    list-style: none;
  }
  
  .submenu > ul li a.nav-link {
    white-space: normal;          /* allow text to wrap */
    color: white;
    display: block;
    padding: 8px 0;
    text-decoration: none;
  }

  .sasa-info {
    color: var(--primary-color);
  }

  .member-detail-header p.sasa-color{
	font-size: 18px;

	color: var(--error-color);
	margin: 0;
}

#ks-btn-gold {
	background-color: #c39824;
}
.sasa-d-none {
    display: none;
}
.sasa-d-none-s {
    display: none;
}
.footer-sasa {
    color: #ffffff;
}

@media (max-width: 1199px){
    .custom-div-sasa{
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
    .navbar-brand {
        width: 100%;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .btn-50{
        width: 50%;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .sasa-d-none-s {
        display: block;
        background-color: #c39824;         /* nebo rgb(195, 152, 36) */
        color: #fff;
        padding: 9px 10px;
        border: none;
        border-radius: 99px;
        font-weight: bold;
        font-family: 'DM Sans', sans-serif;
        font-size: 10px;
        display: inline-flex;
        width: 50%;
        align-items: center;
        gap: 10px;                          /* mezera mezi textem a ikonou */
        text-decoration: none;
        transition: background-color 0.3s ease;
        justify-content: center;
    }

}
@media (max-width: 699px){
    .sasa-d-none-s {
        display: block;
        background-color: #c39824;         /* nebo rgb(195, 152, 36) */
        color: #fff;
        padding: 9px 10px;
        border: none;
        border-radius: 99px;
        font-weight: bold;
        font-family: 'DM Sans', sans-serif;
        font-size: 10px;
        display: inline-flex;
        width: 100%;
        align-items: center;
        gap: 10px;                          /* mezera mezi textem a ikonou */
        text-decoration: none;
        transition: background-color 0.3s ease;
        justify-content: center;
    }
}

@media (max-width: 436px) {
    .hide-on-small {
        display: none;
    }
    .navbar-brand {
        width: 100%;
    }
    .sasa-d-none {
        display: block;
        background-color: #c39824;         /* nebo rgb(195, 152, 36) */
        color: #fff;
        padding: 9px 10px;
        border: none;
        border-radius: 99px;
        font-weight: bold;
        font-family: 'DM Sans', sans-serif;
        font-size: 10px;
        display: inline-flex;
        width: 50%;
        align-items: center;
        gap: 10px;                          /* mezera mezi textem a ikonou */
        text-decoration: none;
        transition: background-color 0.3s ease;
        justify-content: center;
    }
    .sasa-d-none:hover {
        background-color: var(--secondary-color);         /* tmavší odstín na hover */
        color: #fff;
      }
    .custom-div-sasa{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
}
}