/**
 * Catering page — typography & colors (design v3).
 * Overrides theme pages.css clamps / FAQ colors for this page only.
 * @see design/assets/css/pages.css, design/catering.html
 */

@keyframes bg-marquee {
	0% {
		background-position: 0;
	}

	100% {
		background-position: -1190px;
	}
}

/* —— Headings: 2vw inner-pages, 50px parallax; bold (Poppins 800) —— */


body.page-catering.inner-pages .page-catering-main .site-section-title h2 span {
	color: var(--red, #f32a22) !important;
	font-weight: 800 !important;
}

body.page-catering.inner-pages .page-catering-main .prll-esction .site-section-title h2 {
	font-size: clamp(26px, 2vw, 50px) !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #15110d !important;
	text-transform: none;
	text-transform: capitalize;
}

body.page-catering.inner-pages .page-catering-main .occasion-section-block .site-section-title h2 {
	color: #fff !important;
	font-weight: 800 !important;
}

body.page-catering.inner-pages .page-catering-main .catering-booking .site-section-title {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

body.page-catering.inner-pages .page-catering-main .catering-booking .site-section-title h2 {
	text-align: center;
	margin: 0 0 45px !important;
	padding: 0;
}

/* —— Body copy —— */

body.page-catering.inner-pages .page-catering-main .about-text p,
body.page-catering.inner-pages .page-catering-main .prll-esction .center-bx p {
	color: var(--ink, #000) !important;
	font-size: 16px;
	line-height: 1.55;
	font-weight: 400;
}

body.page-catering.inner-pages .page-catering-main .occasion-section-block .section-head p {
	color: #fff !important;
	font-size: 16px;
	line-height: 1.55;
}

body.page-catering.inner-pages .page-catering-main .site-list li {
	color: var(--ink, #000);
	font-size: 16px;
	font-weight: 600;
}

/* —— Events grid (already in pages.css; reinforce colors) —— */

body.page-catering.inner-pages .page-catering-main .catering-event-card h3 {
	font-size: 19px;
	color: #fff !important;
	font-weight: 600;
}

body.page-catering.inner-pages .page-catering-main .catering-event-card p {
	font-size: 16px;
	color: #fff !important;
	font-weight: 500;
	line-height: 1.55;
}

body.page-catering.inner-pages .page-catering-main span.catering-event-card__num,
body.page-catering.inner-pages .page-catering-main p.catering-event-card__num {
	font-size: 35px;
	-webkit-text-stroke: 1px #ffffff;
	color: transparent;
	line-height: 20px;
	display: block;
	margin: 0 0 17px;
	font-weight: 400;
}

/* —— Parallax strip —— */

body.page-catering.inner-pages .page-catering-main .about-wrapper {
	background: var(--cream, #fff);
}

@media (max-width: 1269px) {

	body.page-catering.inner-pages .page-catering-main section.about-wrapper:first-of-type,
	body.page-catering.inner-pages .page-catering-main .wp-block-html>section.about-wrapper:first-child {
		padding-top: 50px !important;
	}
}

body.page-catering.inner-pages .page-catering-main .prll-esction {
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	min-height: auto;
}

body.page-catering.inner-pages .page-catering-main .prll-esction .container {
	display: flex;
	align-items: center;
	min-height: 420px;
}

body.page-catering.inner-pages .page-catering-main .prll-esction .row {
	display: block;
	width: 100%;
	max-width: 550px;
	margin: 0;
	background: #fff;
	padding: 30px;
	box-sizing: border-box;
}

body.page-catering.inner-pages .page-catering-main .about-wrapper .row {
	justify-content: center;
	margin-left: 0;
	margin-right: 0;
}

body.page-catering.inner-pages .page-catering-main .occasion-section-block {
	background: #0e0e0e;
}

/* —— FAQ: reference horizontal gradient + white headings —— */

body.page-catering.inner-pages .page-catering-main .catering-faq,
body.page-catering.inner-pages .page-catering-main .catering-faq.page-main--cream {
	background: #ab0a06 !important;
	background: linear-gradient(0deg,
			rgba(171, 10, 6, 1) 0%,
			rgba(218, 16, 4, 1) 36%,
			rgba(241, 82, 14, 1) 61%,
			rgba(250, 178, 22, 1) 100%) !important;
	color: #fff;
}

body.page-catering.inner-pages .page-catering-main .catering-faq .site-section-title h2 {
	text-align: center;
	margin-bottom: 45px;
	color: #fff !important;
}

body.page-catering.inner-pages .page-catering-main .catering-faq .site-section-title h2 span {
	color: #ffffff !important;
}

body.page-catering.inner-pages .page-catering-main .catering-faq .catering-faq-item h3 {
	color: #fff !important;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: 600;
}

body.page-catering.inner-pages .page-catering-main .catering-faq p,
body.page-catering.inner-pages .page-catering-main .catering-faq article.catering-faq-item p {
	color: #fff !important;
	margin-top: 5px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.55;
}

body.page-catering.inner-pages .page-catering-main .catering-faq p a {
	color: #fff !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

body.page-catering.inner-pages .page-catering-main .catering-faq p a:hover,
body.page-catering.inner-pages .page-catering-main .catering-faq p a:focus-visible {
	color: #15110d !important;
}



/* Gutenberg layout maps — catering only */
body.page-catering .page-catering-main .about-wrapper .about-col,
body.page-catering .page-catering-main .about-wrapper .wp-block-group.about-col {
	width: 100%;
	max-width: 750px;
	text-align: center;
	margin-inline: auto;
}

body.page-catering .page-catering-main .about-wrapper .about-text,
body.page-catering .page-catering-main .about-wrapper .action-link {
	text-align: center;
}

body.page-catering .page-catering-main .about-wrapper .btn-bx.wp-block-buttons {
	justify-content: center !important;
}

body.page-catering .page-catering-main .prll-esction .container,
body.page-catering .page-catering-main .prll-esction .wp-block-group.container {
	display: flex !important;
	align-items: center;
	min-height: 420px;
}

body.page-catering .page-catering-main .occasion-section-block .section-head,
body.page-catering .page-catering-main .occasion-section-block .wp-block-group.section-head {
	width: 100%;
	max-width: 408px;
	position: sticky;
	top: 50px;
}

body.page-catering .page-catering-main .catering-events,
body.page-catering .page-catering-main .wp-block-group.catering-events {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 20px !important;
	position: relative;
	padding-left: 75px;
}

body.page-catering .page-catering-main .catering-faq-grid,
body.page-catering .page-catering-main .wp-block-group.catering-faq-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 100px !important;
	text-align: center;
}

body.page-catering .page-catering-main .wp-block-post-content > .wp-block-group,
body.page-catering .page-catering-main .wp-block-post-content > section.wp-block-group {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}


/* Booking form panel — match live .catering-main > .catering-form-panel */
body.page-catering .page-catering-main .catering-booking {
	padding: 70px 0 !important;
	background: var(--cream, #fff7ed);
}


body.page-catering .page-catering-main .catering-faq {
	padding: 70px 0 !important;
}

body.page-catering .page-catering-main .occasion-section-block {
	padding: 70px 0 !important;
}

.catering-booking .catering-form-panel,
.catering-booking .wp-block-group.catering-form-panel {
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	box-sizing: border-box;
}

.catering-booking .catering-main,
.catering-booking .container.catering-main {
	width: 100%;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 32px;
	padding-right: 32px;
	box-sizing: border-box;
}

.catering-booking .catering-form-panel .site-section-title {
	display: block;
	text-align: center;
	width: 100%;
	margin: 0;
	padding: 0;
}

.catering-booking .catering-form-panel .site-section-title h2 {
	margin: 0 0 45px !important;
	padding: 0;
	line-height: 1.2;
}

.catering-form-panel .deens-catering-form-plugin {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
}

.catering-form-panel .deens-catering-form-plugin,
.catering-form-panel #catering-form.booking-form,
.catering-form-panel form.booking-form {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}

.catering-form-panel .booking-form__row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    margin-bottom: 25px !important;
    width: 100%;
}

.catering-form-panel .booking-form__row>div {
	min-width: 0;
	width: 100%;
}

.catering-form-panel .booking-form__row.grid-3 {
	grid-template-columns: 1fr 1fr 1fr !important;
}

.catering-form-panel .booking-form__row.row-full {
	grid-template-columns: 1fr !important;
}

.catering-form-panel .booking-form label,
.catering-form-panel .booking-form .label-text {
	display: block;
	font-family: "Poppins", sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 6px;
	color: var(--ink, #1a1a1a);
}

.catering-form-panel .booking-form label .req {
	color: var(--red, #c41e1e);
}

.catering-form-panel .booking-form textarea {
	min-height: 140px;
	resize: vertical;
}

.catering-form-panel .booking-form input:focus,
.catering-form-panel .booking-form select:focus,
.catering-form-panel .booking-form textarea:focus {
	outline: none;
	outline-offset: 1px;
}

.catering-form-panel #contact-form .form-hint--counter {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 8px;
	font-size: 13px;
	color: #666;
	margin-top: 8px;
}

.catering-form-panel .booking-form__actions {
	display: flex;
	justify-content: flex-end;
	margin-top: 0.5rem;
}

.catering-form-panel .booking-form__actions .btn-primary,
.catering-form-panel .booking-form__actions button.btn-primary {
	text-transform: uppercase;
	font-weight: 700;
}

.catering-form-panel .booking-form__actions #submit_text.deens-form-btn--pending {
	display: none !important;
}

.catering-form-panel .booking-form__actions #submit_text.deens-form-btn--pending.is-visible {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
}

.catering-form-panel .booking-form__actions #contact_submit.deens-form-btn--submit.is-hidden {
	display: none !important;
}

.catering-form-panel .deens-field-error {
	margin-top: 6px;
	background: #ff0000;
	display: block;
	color: #fff !important;
	font-size: 15px !important;
	padding: 0px 3px;
}

.catering-form-panel .cptch-sect {
	margin-bottom: 1rem;
}

.catering-form-panel .booking-form .radio-row {
	display: flex;
	flex-wrap: wrap;
	gap: 16px 24px;
	margin-top: 8px;
}

.catering-form-panel .booking-form .radio-row label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 400;
	margin-bottom: 0;
	cursor: pointer;
}
#datepicker {
	background-image: url(https://www.deenshotchicken.com/wp-content/uploads/2026/09/calender-1.png);
	background-repeat: no-repeat;
	background-position: 96% 50%;
}

@media (max-width: 991px) {
	.catering-form-panel .booking-form__row, .catering-form-panel .booking-form__row.grid-3 {
		grid-template-columns: 1fr !important;
		margin-bottom: 15px !important;
	}
	body.page-catering.inner-pages .page-catering-main .prll-esction .row {
		max-width: 100%;
	}
}
/* —— Responsive (design/pages.css) —— */

@media (max-width: 1269px) {
	body.page-catering.inner-pages .page-catering-main .site-section-title h2 {
		font-size: 45px !important;
		line-height: 1.2 !important;
	}

	body.page-catering.inner-pages .page-catering-main .prll-esction .site-section-title h2 {
		font-size: clamp(26px, 4vw, 45px) !important;
	}
}

@media (max-width: 1024px) {
	body.page-catering.inner-pages .page-catering-main .prll-esction {
		background-attachment: scroll;
	}
}

@media (max-width: 991px) {
	body.page-catering.inner-pages .page-catering-main .occasion-section-block .container {
		grid-template-columns: 1fr;
	}

	body.page-catering.inner-pages .page-catering-main .catering-events {
		padding-left: 0;
	}

	body.page-catering.inner-pages .page-catering-main .catering-events::before {
		display: none;
	}

	body.page-catering.inner-pages .page-catering-main .occasion-section-block .section-head {
		position: relative;
		top: 0;
		margin-bottom: 50px;
	}

	body.page-catering.inner-pages .page-catering-main .catering-form-panel {
		padding: 25px;
	}

	body.page-catering.inner-pages .page-catering-main .catering-faq-item:nth-last-of-type(2)::before,
	body.page-catering.inner-pages .page-catering-main .catering-faq-item:nth-last-of-type(2)::after {
		display: none;
	}
}

@media (max-width: 991px) {
	body.page-catering .page-catering-main .occasion-section-block .container,
	body.page-catering .page-catering-main .occasion-section-block .wp-block-group.container.deens-container {
		grid-template-columns: 1fr !important;
	}

	body.page-catering.inner-pages .page-catering-main .occasion-section-block .section-head {
		position: relative;
		top: 0;
		margin-bottom: 25px;
		max-width: 100%;
	}

	body.page-catering .page-catering-main .catering-events,
	body.page-catering .page-catering-main .wp-block-group.catering-events {
		grid-template-columns: 1fr !important;
		padding-left: 0 !important;
	}

	body.page-catering .page-catering-main .catering-faq-grid,
	body.page-catering .page-catering-main .wp-block-group.catering-faq-grid {
		grid-template-columns: 1fr !important;
	}

	body.page-catering .page-catering-main .catering-form-panel,
	body.page-catering .page-catering-main .wp-block-group.catering-form-panel {
		padding: 25px !important;
	}
}