/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

#Subheader {
	padding-top: 130px;
}

.column_sidebar_widget .mcb-column-inner > .widget {
	margin: 0;
}

.flatpickr-input[readonly] {
	border-color: #fcbbbf;
}

@media (max-width: 576px) {
	#Subheader {
		padding-top: 100px;
	}
}

.delivery-wrapper {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: center;
}

.week-block {
    min-width: 320px;
    display: flex;
    align-items: end;
    gap: 11px;
}

.week-header {
    display: flex;
    flex-direction: column;
}
.week-header h4 {
    font-size: 14px;
    margin-bottom: 5px;
}
.download-btn {
		font-family: "Dela Gothic One", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	  color: #434C43;
    font-size: 13px;
	  padding: 10px 16px;
	  border-radius: 12px;
	  text-decoration: none;
	  border: 2px solid #434C43;
	  transition: background-color 0.2s ease;
	  text-align: center;
}

.download-btn:hover {
		text-decoration: none;
		background-color: #FCBBBF;
		color: #434C43;
}

.week-days {
    display: flex;
    gap: 8px;
}

.day-item {
    border: 2px solid #ddd;
    padding: 6px;
    width: 45px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px;
    transition: 0.2s;
}

.day-item span {
    display: block;
    font-size: 12px;
}

.day-item strong {
    font-size: 16px;
}

.day-item:hover {
    border-color: #f91e26;
}

.day-item.active {
    background: #f91e26;
    color: #fff;
    border-color: #f91e26;
}

.day-item.disabled {
    opacity: 0.4;
    pointer-events: none;
}

.delivery-mobile {
    display: none;
}

.mobile-week {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.mobile-week h4 {
	margin: 0;
}
.mobile-week label,
.mobile-week a {
    display: block;
}

@media (max-width: 768px) {

    .delivery-mobile {
        display: block;
    }

    .delivery-wrapper {
        display: none;
    }

    .delivery-select {
        padding: 12px;
        border-radius: 8px;
        border: 2px solid #ddd;
        font-size: 16px;
    }
}