/* ============================================================ */
/* SIYA Enquiry plugin — v1.2 — light theme + modern form        */
/* Includes: sectioned form card, icon-prefixed inputs, popup    */
/* modal, floating CTA buttons, product-card enquire button.     */
/* ============================================================ */

:root {
	--siya-green:        #1B5E20;
	--siya-green-light:  #2E7D32;
	--siya-green-deep:   #154A19;
	--siya-green-tint:   #E8F5E9;
	--siya-green-tint-2: #F1F8F2;
	--siya-white:        #FFFFFF;
	--siya-offwhite:     #F7F9F7;
	--siya-text:         #1A2620;
	--siya-text-soft:    #3F4E45;
	--siya-muted:        #5A6B5E;
	--siya-placeholder:  #9AA8A0;
	--siya-border:       #E0E6E1;
	--siya-border-soft:  #ECEFEC;
	--siya-input-border: #D5DCD8;
	--siya-gold:         #D4AF37;
	--siya-wa:           #25D366;
	--siya-shadow-sm:    0 2px 8px rgba(26,38,32,.06);
	--siya-shadow-md:    0 8px 30px rgba(26,38,32,.08);
	--siya-shadow-lg:    0 24px 60px rgba(26,38,32,.18);
}

/* ============================================================ */
/* Standalone buttons (Call / Email / WhatsApp)                  */
/* ============================================================ */
.siya-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 13px 24px;
	border-radius: 6px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none !important;
	border: 0;
	cursor: pointer;
	transition: background .2s, color .2s, transform .15s, box-shadow .2s;
	line-height: 1;
}
.siya-btn:hover { transform: translateY(-1px); box-shadow: var(--siya-shadow-sm); }
.siya-btn--gold { background: var(--siya-green); color: var(--siya-white) !important; }
.siya-btn--gold:hover { background: var(--siya-green-light); color: var(--siya-white) !important; }
.siya-btn--wa { background: var(--siya-wa); color: #fff !important; }
.siya-btn--wa:hover { background: #1ebe5d; color: #fff !important; }
.siya-btn--call { background: var(--siya-white); color: var(--siya-green) !important; border: 1px solid var(--siya-green); }
.siya-btn--call:hover { background: var(--siya-green); color: var(--siya-white) !important; }
.siya-btn--mail { background: var(--siya-white); color: var(--siya-green) !important; border: 1px solid var(--siya-green); }
.siya-btn--mail:hover { background: var(--siya-green); color: var(--siya-white) !important; }
.siya-btn--enquire { background: var(--siya-green); color: var(--siya-white) !important; }
.siya-btn--enquire:hover { background: var(--siya-green-light); color: var(--siya-white) !important; }
.siya-btn[disabled] { opacity: .6; cursor: wait; }

.siya-btn-row {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}

/* ============================================================ */
/* Floating bottom-right buttons (WA + Call)                     */
/* ============================================================ */
.siya-floating {
	position: fixed;
	right: 18px;
	bottom: 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	z-index: 9999;
}
.siya-floating__btn {
	width: 54px;
	height: 54px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	color: #fff !important;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(26,38,32,.25);
	transition: transform .15s;
}
.siya-floating__btn:hover { transform: scale(1.08); }
.siya-floating__btn--wa { background: var(--siya-wa); }
.siya-floating__btn--call { background: var(--siya-green); color: var(--siya-white) !important; }

/* ============================================================ */
/* Enquiry FORM — sectioned modern card                          */
/* ============================================================ */
.siya-enquiry-form {
	max-width: 960px;
	margin: 0 auto;
	background: var(--siya-white);
	border: 1px solid var(--siya-border);
	border-radius: 12px;
	padding: 0;
	color: var(--siya-text);
	font-family: 'Lato', sans-serif;
	box-shadow: var(--siya-shadow-md);
	overflow: hidden;
	position: relative;
}

/* Header strip — replaces the old generic banner */
.siya-form-header {
	background: linear-gradient(135deg, var(--siya-green) 0%, var(--siya-green-light) 100%);
	color: var(--siya-white);
	padding: 26px 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	flex-wrap: wrap;
}
.siya-form-header__title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 22px;
	margin: 0;
	color: var(--siya-white);
	line-height: 1.2;
}
.siya-form-header__title small {
	display: block;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(255,255,255,.85);
	margin-bottom: 4px;
}
.siya-form-header__trust {
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 11px;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}
.siya-form-header__trust span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: rgba(255,255,255,.95);
}
.siya-form-header__trust span::before {
	content: "✓";
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,.18);
	border-radius: 50%;
	font-size: 11px;
	font-weight: 700;
}

/* Body wraps the sections */
.siya-form-body { padding: 32px 36px 28px; }

/* Each section: numbered badge + section title above its inputs */
.siya-form-section {
	margin-bottom: 22px;
}
.siya-form-section__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}
.siya-form-section__num {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--siya-green-tint);
	color: var(--siya-green);
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.siya-form-section__title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--siya-text);
	margin: 0;
}

/* Grid inside a section */
.siya-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px 22px;
}

@media (max-width: 768px) {
	.siya-form-header { padding: 22px 22px; }
	.siya-form-body { padding: 24px 22px 20px; }
	.siya-grid { grid-template-columns: 1fr; gap: 14px; }
}

/* Field wrapper */
.siya-field {
	display: flex;
	flex-direction: column;
	gap: 7px;
	font-size: 13px;
	color: var(--siya-muted);
	position: relative;
}
.siya-field--full {
	grid-column: 1 / -1;
}
.siya-field > span {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: uppercase;
	font-size: 11px;
	color: var(--siya-text);
}
.siya-field em { color: #c0392b; font-style: normal; margin-left: 2px; }

/* Inputs */
.siya-enquiry-form input[type="text"],
.siya-enquiry-form input[type="email"],
.siya-enquiry-form input[type="tel"],
.siya-enquiry-form input[type="number"],
.siya-enquiry-form select,
.siya-enquiry-form textarea {
	background: var(--siya-white);
	border: 1px solid var(--siya-input-border);
	color: var(--siya-text);
	padding: 13px 16px;
	border-radius: 8px;
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
	transition: border-color .15s, box-shadow .15s, background .15s;
	appearance: none;
	-webkit-appearance: none;
}

/* Icon-prefixed inputs */
.siya-field--icon {
	position: relative;
}
.siya-field--icon input,
.siya-field--icon select {
	padding-left: 44px;
}
.siya-field--icon::after {
	content: "";
	position: absolute;
	left: 16px;
	bottom: 14px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: .55;
	pointer-events: none;
	transition: opacity .15s, filter .15s;
}
.siya-field--icon:focus-within::after { opacity: 1; filter: invert(20%) sepia(54%) saturate(1352%) hue-rotate(94deg) brightness(94%) contrast(98%); }
.siya-field--user::after    { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A2620'><path d='M12 12a5 5 0 100-10 5 5 0 000 10zm0 2c-4.42 0-8 2.69-8 6v2h16v-2c0-3.31-3.58-6-8-6z'/></svg>"); }
.siya-field--briefcase::after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A2620'><path d='M20 6h-4V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-6 0h-4V4h4v2z'/></svg>"); }
.siya-field--globe::after   { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A2620'><path d='M12 2a10 10 0 100 20 10 10 0 000-20zm-1 17.93A8.001 8.001 0 014.07 13H7c.42 1.65 1.27 3.13 2.42 4.32-.7.59-1.39 1.2-2.07 1.6-.3.16-.71.31-.93.39.95.9 2.2 1.5 3.59 1.62zm-3.3-9A8.027 8.027 0 0111 4.07v3.06A8.04 8.04 0 007.7 10.93zm5.3 0V4.07A8.027 8.027 0 0116.3 10.93H13zm0 2h3.3A8.027 8.027 0 0113 19.93v-7zm-2 7A8.027 8.027 0 017.7 12.93H11v6.06z'/></svg>"); }
.siya-field--mail::after    { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A2620'><path d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/></svg>"); }
.siya-field--phone::after   { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A2620'><path d='M20 15.5l-2.5-.3a1 1 0 00-.9.3l-1.8 1.8a15 15 0 01-6.5-6.5l1.8-1.8a1 1 0 00.3-.9L9.5 5.5a1 1 0 00-1-1H4.5a1 1 0 00-1 1A16.5 16.5 0 0019 20a1 1 0 001-1v-2.5a1 1 0 00-1-1z'/></svg>"); }
.siya-field--box::after     { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A2620'><path d='M21 8.5L12 3 3 8.5V19l9 5 9-5V8.5zM12 21.5L5 17.6V10l7 4 7-4v7.6l-7 3.9zm0-6L5.2 11.3 12 7.1l6.8 4.2L12 15.5z'/></svg>"); }
.siya-field--hash::after    { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A2620'><path d='M19 8h-3.6l.6-4h-2L13.4 8H9.6l.6-4h-2L7.6 8H4v2h3.3l-.6 4H3v2h3.4L5.8 20h2L8.4 16h3.8L11.6 20h2l.6-4H18v-2h-3.4l.6-4H19V8zm-7.8 6H7.4l.6-4h3.8l-.6 4z'/></svg>"); }
.siya-field--ruler::after   { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231A2620'><path d='M21 6H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 10H3V8h2v4h2V8h2v4h2V8h2v4h2V8h2v4h2V8h2v8z'/></svg>"); }

/* Placeholder */
.siya-enquiry-form input::placeholder,
.siya-enquiry-form textarea::placeholder {
	color: var(--siya-placeholder);
	opacity: 1;
}

/* Focus */
.siya-enquiry-form input:focus,
.siya-enquiry-form select:focus,
.siya-enquiry-form textarea:focus {
	outline: 0;
	border-color: var(--siya-green);
	box-shadow: 0 0 0 3px rgba(27,94,32,.12);
}

/* Select arrow */
.siya-enquiry-form select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 7'><path fill='%231B5E20' d='M6 7 0 0h12z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 11px 7px;
	padding-right: 38px;
}

/* Textarea */
.siya-enquiry-form textarea {
	resize: vertical;
	min-height: 110px;
	line-height: 1.6;
}

/* Submit row */
.siya-submit-row {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 22px;
	padding-top: 22px;
	border-top: 1px solid var(--siya-border-soft);
	align-items: center;
	justify-content: flex-start;
}
.siya-submit-row .siya-note {
	flex: 1 1 100%;
	font-size: 12px;
	color: var(--siya-muted);
	margin-top: 8px;
	text-align: center;
}
@media (min-width: 769px) {
	.siya-submit-row .siya-note { flex: 1; text-align: right; margin: 0 0 0 auto; }
}

/* Status */
.siya-form-status {
	margin: 18px 36px 28px;
	padding: 14px 18px;
	border-radius: 8px;
	font-size: 14px;
	display: none;
}
.siya-form-status.is-error { display: block; background: #FEECEB; border: 1px solid #f5b7b1; color: #922b21; }
.siya-form-status.is-success { display: block; background: var(--siya-green-tint); border: 1px solid var(--siya-green); color: var(--siya-green-deep); }

/* ============================================================ */
/* Popup modal                                                   */
/* ============================================================ */
.siya-modal {
	position: fixed;
	inset: 0;
	z-index: 99999;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 20px;
	background: rgba(15, 25, 20, .55);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	overflow-y: auto;
	opacity: 0;
	transition: opacity .2s;
}
.siya-modal.is-open {
	display: flex;
	opacity: 1;
}
.siya-modal__dialog {
	background: var(--siya-white);
	max-width: 980px;
	width: 100%;
	max-height: calc(100vh - 40px);
	overflow-y: auto;
	border-radius: 12px;
	box-shadow: var(--siya-shadow-lg);
	position: relative;
	transform: translateY(20px);
	transition: transform .25s ease-out;
}
.siya-modal.is-open .siya-modal__dialog { transform: translateY(0); }
.siya-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: rgba(255,255,255,.15);
	color: #fff;
	border: 0;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .15s;
	z-index: 2;
}
.siya-modal__close:hover { background: rgba(255,255,255,.32); }
.siya-modal .siya-enquiry-form { box-shadow: none; border: 0; }
body.siya-modal-open { overflow: hidden; }

/* ============================================================ */
/* Product card "Enquire Now" button (Woo loop)                  */
/* ============================================================ */
.siya-product-enquire {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: var(--siya-green) !important;
	color: var(--siya-white) !important;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 700;
	font-size: 12px !important;
	letter-spacing: .5px;
	padding: 10px 16px !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	border: 0 !important;
	cursor: pointer;
	transition: background .2s, transform .15s, box-shadow .2s;
}
.siya-product-enquire:hover {
	background: var(--siya-green-light) !important;
	color: var(--siya-white) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(26,38,32,.12);
}
.siya-product-enquire::before {
	content: "";
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'><path d='M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/></svg>");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}