.signup-form-field label, .vote-form-input label {
	font-size: 14px;
	font-weight: 600 !important;
	text-transform: capitalize;
	letter-spacing: 0.2px;
	color: #2d4770;
}

.signup-form-field input[type=text], .signup-form-field input[type=date], .signup-form-field input[type=email], .signup-form-field input[type=number]   {
	border: none !important;
	border-radius: 12px;
	border: 1px solid #e2e8f0 !important;
height: 48px;
}

.vote-form-input input[type=text], .vote-form-input input[type=date], .vote-form-input input[type=email], .vote-form-input input[type=number]   {
	border: none !important;
	border-radius: 12px;
	border: 1px solid #e2e8f0 !important;
height: 48px;
}

.vote-form-input input[type=text]:focus, .vote-form-input input[type=date]:focus, .vote-form-input input[type=email]:focus, .vote-form-input input[type=number]:focus   {
border-color: rgba(110, 143, 190, 0.5) !important;
		box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(133, 112, 170, 0.15) 0px 0px 0px 4px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.signup-form-field input[type=text]:focus, .signup-form-field input[type=date]:focus, .signup-form-field input[type=email]:focus, .signup-form-field input[type=number]:focus {
	border-color: rgba(110, 143, 190, 0.5) !important;
		box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px,
    rgba(133, 112, 170, 0.15) 0px 0px 0px 4px,
    rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

.signup-form-button button, .vote-form-submit {
	background: #364a62 !important;
	color: #FFF !important;
	width: 100%;
	border-radius: 10px !important;
	font-weight: 500 !important;
	margin-top: 12px;
	height: 52px;
}


.vote-heading {
	font-size: 24px;
	font-weight: 600 !important;
	text-transform: capitalize;
	letter-spacing: 0.2px;
	color: #2d4770;
	padding-bottom: 0 !important;
}

.vote-desc {
	font-size: 14px;
	color: #2d4770;
}

.flavor-form .ff-t-cell.ff-t-column-2 {
	background: #EEF4FF;
	border-radius: 24px;
	padding: 4px 20px;
}

.flavor-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flavor-1-main {
	color: white;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 0.1px;
	line-height: 1;
	padding-bottom: 0 !important;
}

.flavor-1-sub {
	font-size: 16px;
	font-weight: 400;
	color: rgb(226, 232, 240);
	line-height: 1;
	padding-bottom: 0 !important;
}

.flavor-2-main {
	background: rgba(255, 255, 255, 0.2);
    color: white;
    padding: 4px 16px;
    border-radius: 24px;
    font-weight: 600;
}

.d-hide {
	display: none !important;
}


#signup-image-right {
	height: 100%;
}

#signup-image-right img {
	height: 100% !important;
}

.fluentform .ff-el-group {
	margin-bottom: 12px;
}

#view-menu-bday a {
	width: 100%;
}

.timer-value {
    background-size: cover;
    border: none !important;
    background: url(https://i0.wp.com/saltbreadnyc.com/wp-content/uploads/2026/02/cropped-saltbread_mini_logo-1.png) !important;
    background-size: contain !important;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 280px;
	height: 280px;
	font-size: 62px;
}

.timer-label {
	font-weight: 500;
	font-size: 28px;
	width: 280px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#countdown {
	width: 100%;
}

.timer-section {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.timer-hidden {
	display: none;
}

.hide-temp {
	opacity: 0;
	display: none;
}

#page_content_wrapper #info-image {
	height: 100%;
}

#page_content_wrapper #info-image img {
	height: 100% !important;
}

.header-menu-icon a.elementor-icon, .footer-icons a.elementor-icon {
	font-size: 18px !important;
}

.elementor-image-carousel-wrapper .swiper-slide {
  height: 285px; /* adjust this */
	height: 285px !important;
  display: flex;
}

/* Force images to fill the slide */
.elementor-image-carousel-wrapper .swiper-slide img {
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
	border: 3px solid white;
	border-right-width: 2px;
}

.swiper-slide-inner {
	width: 100%;
	height: 100%;
}

@media(max-width: 720px) {
	
	.timer-value {
		width: 99px;
    height: 100px;
    font-size: 23px
	}
	
  .timer-label {
    font-weight: 500;
    font-size: 14px;
    width: 100px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
}

    /* ========================= 3 COLUMNS (2 ROWS) ========================= */
    .flavor-options .ff-el-input--content {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 20px;
    }

    /* ========================= CARD BASE ========================= */
    .flavor-options .ff-el-form-check-label {
        display: block;
        position: relative;
        cursor: pointer;
        border-radius: 18px;
        overflow: hidden;
        background: #ffffff;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
        transition: all 0.25s ease;
			height: 100%;
    }

    /* ========================= REMOVE DEFAULT SPACING BUGS ========================= */
    .flavor-options .ff-el-form-check-label span {
        display: block;
        margin: 0 !important;
        line-height: normal !important;
    }

    /* ========================= HIDE RADIO ========================= */
    .flavor-options .ff-el-form-check-input {
        position: absolute;
        opacity: 0;
    }

    /* ========================= TEXT + IMAGE CONTAINER ========================= */
    .flavor-options .ff-el-form-check-label span {
        padding: 160px 16px 32px;
        font-size: 15px;
        font-weight: 700;
        color: #111827;
        z-index: 2;
			text-transform: capitalize !important;
    }

    /* ========================= IMAGE (FULL FLUSH FIX) ========================= */
    .flavor-options .ff-el-form-check-label span::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 160px;
        background-image: url("https://i0.wp.com/saltbreadko.com/wp-content/uploads/2026/02/ChatGPT-Image-Feb-23-2026-06_13_19-PM.png?fit=285%2C285&ssl=1") !important;
        background-size: cover !important;
        background-position: center !important;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        z-index: 1;
    }

    /* ========================= DESCRIPTION (FIXED PROPERLY) ========================= */
    .flavor-options .ff-el-form-check-label input[value="Strawberry Lychee"]+span::after {
        content: "Bright, fruity, and fresh with a soft floral finish." !important;
    }

    .flavor-options .ff-el-form-check-label input[value="Earl Gray Chocolate"]+span::after {
        content: "Light, floral, and one of our most-loved picks." !important;
    }

    .flavor-options .ff-el-form-check-label input[value="Pandan Coconut"]+span::after {
        content: "Creamy, fragrant, and softly tropical." !important;
    }

    .flavor-options .ff-el-form-check-label input[value="Nutella"]+span::after {
        content: "Rich, chocolatey, and universally loved." !important;
    }

    .flavor-options .ff-el-form-check-label input[value="Truffle"]+span::after {
        content: "Deep, savory, and indulgent." !important;
    }

    .flavor-options .ff-el-form-check-label input[value="Kimchi Bacon"]+span::after {
        content: "Bold, spicy, and packed with flavor." !important;
    }

    /* description style */
    .flavor-options .ff-el-form-check-label span::after {
        display: block !important;
        font-size: 13px;
        font-weight: 400;
        color: #6b7280;
        margin-top: 6px;
        line-height: 1.4;
			text-transform: initial;
    }

    /* ========================= HOVER ========================= */
    .flavor-options .ff-el-form-check-label:hover {
        transform: translateY(-4px);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
    }

    /* ========================= RADIO BUTTON (BOTTOM RIGHT) ========================= */
    .flavor-options .ff-el-form-check-label::after {
        content: "";
        position: absolute;
        bottom: 12px;
        /* moved */
        right: 12px;
        /* moved */
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 2px solid #d1d5db;
        background: white;
        transition: all 0.2s ease;
    }

    /* ========================= CHECKED STATE ========================= */
    .flavor-options .ff-el-form-check-label:has(input:checked) {
        outline: 2px solid rgba(47, 79, 127, 1);
        box-shadow: 0 12px 28px rgba(37, 99, 235, 0.25);
    }

    .flavor-options .ff-el-form-check-label:has(input:checked)::after {
        background: rgba(47, 79, 127, 1);
        border-color: rgba(47, 79, 127, 1);
        box-shadow: inset 0 0 0 4px white;
    }

.vote-success {
	color: white;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}