/**
 * Contact Page Styles
 *
 * @package Custom_Fusion_Food
 */

.contact-hero {
	position: relative;
	background: linear-gradient(135deg, #1a1a1a 0%, #2d3436 100%);
	padding: var(--ff-space-3xl) var(--ff-space-md);
	text-align: center;
	overflow: hidden;
}

.contact-hero::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4a853' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	pointer-events: none;
}

.contact-hero__inner { position: relative; max-width: 900px; margin: 0 auto; }
.contact-hero__title { font-family: var(--ff-font-stylish); font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 400; color: #fff; margin: 0 0 var(--ff-space-md) 0; line-height: 1.2; }
.contact-hero__breadcrumb { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255,255,255,0.9); margin: 0; }
.contact-hero__breadcrumb a { color: #d4a853; text-decoration: none; transition: color 0.2s ease; }
.contact-hero__breadcrumb a:hover { color: #e8c068; }
.contact-hero__sep { margin: 0 0.5rem; opacity: 0.7; }

.contact-info { background: var(--ff-color-background); padding: var(--ff-space-3xl) var(--ff-space-md); }
.contact-info__inner { display: grid; grid-template-columns: 1fr; gap: var(--ff-space-xl); align-items: stretch; max-width: 1000px; margin: 0 auto; }
@media (min-width: 768px) { .contact-info__inner { grid-template-columns: 1fr auto 1fr auto 1fr; gap: 0; } }
.contact-info__col { text-align: center; padding: var(--ff-space-lg); transition: transform 0.3s ease; }
.contact-info__col:hover { transform: translateY(-4px); }
.contact-info__icon { width: 56px; height: 56px; margin: 0 auto var(--ff-space-md); display: flex; align-items: center; justify-content: center; color: #d4a853; }
.contact-info__heading { font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ff-color-text); margin: 0 0 var(--ff-space-sm) 0; }
.contact-info__text { font-size: 0.9375rem; line-height: 1.6; color: var(--ff-color-text-muted); margin: 0; }
.contact-info__text a { color: var(--ff-color-text); text-decoration: none; transition: color 0.2s ease; }
.contact-info__text a:hover { color: #d4a853; }

.contact-form-map { background: var(--ff-color-background); padding: var(--ff-space-3xl) var(--ff-space-md); }
.contact-form-map__inner { display: grid; grid-template-columns: 1fr; gap: var(--ff-space-2xl); max-width: 1200px; margin: 0 auto; align-items: start; }
@media (min-width: 992px) { .contact-form-map__inner { grid-template-columns: 1fr 1fr; gap: var(--ff-space-3xl); } }
.contact-form-map__title { font-family: var(--ff-font-stylish); font-size: 2.25rem; font-weight: 400; color: var(--ff-color-text); margin: 0 0 var(--ff-space-lg) 0; padding-bottom: var(--ff-space-sm); border-bottom: 3px solid #d4a853; display: inline-block; }
.contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ff-space-md); margin-bottom: var(--ff-space-md); }
.contact-form__field label { display: block; font-size: 0.875rem; font-weight: 600; color: var(--ff-color-text); margin-bottom: 0.375rem; }
.contact-form__field input, .contact-form__field textarea { width: 100%; padding: 0.75rem 1rem; font-size: 1rem; font-family: inherit; border: 1px solid var(--ff-color-border); border-radius: 6px; background: var(--ff-color-surface); color: var(--ff-color-text); transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.contact-form__field input:focus, .contact-form__field textarea:focus { outline: none; border-color: #d4a853; box-shadow: 0 0 0 3px rgba(212,168,83,0.15); }
.contact-form__field textarea { min-height: 140px; resize: vertical; }
.contact-form__btn { display: inline-block; padding: 1em 2em; font-size: 0.9375rem; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; color: var(--ff-btn-accent, #d4a853); background: transparent; border: none; border-radius: 5px; outline: 2px solid var(--ff-btn-accent, #d4a853); cursor: pointer; transition: color 0.2s ease, outline-color 0.2s ease, box-shadow 0.2s ease; }
.contact-form__btn:hover { color: #fff; outline-color: #e8c068; box-shadow: 4px 5px 17px -4px rgba(212,168,83,0.45); }
.contact-form-map__map-wrap { position: relative; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); min-height: 320px; }
.contact-form-map__iframe { display: block; width: 100%; height: 100%; min-height: 320px; }