/*
Theme Name: Ayşe Tunçer Vural Tema
Theme URI: https://www.aysetuncervural.com/
Author: Nano Medya
Author URI: https://www.nanomedya.com/
Description: Doç. Dr. Ayşe Tunçer Vural — Dermatoloji Uzmanı WordPress Teması. WPML, Codestar Framework ve Meta Box uyumlu.
Version: 1.0.0
Text Domain: tema
*/

/* Scroll Reveal Animations */
.reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* Card Visual Contrast & Elevation */
.bg-cream {
	background-color: #faf8f5 !important;
}

.border-sand-200 {
	border-color: #e4dccd !important;
}

.shadow-soft {
	box-shadow: 0 10px 30px -10px rgba(24, 46, 54, 0.08) !important;
}

.shadow-lift {
	box-shadow: 0 20px 40px -15px rgba(24, 46, 54, 0.12) !important;
}

/* High Contrast Form Card Container */
.form-card-container {
	background-color: #ffffff !important;
	border: 1.5px solid #e4dccd !important;
	border-radius: 2rem !important;
	box-shadow: 0 20px 45px -15px rgba(24, 46, 54, 0.12), 0 0 20px rgba(0, 0, 0, 0.02) !important;
	position: relative !important;
	overflow: hidden !important;
}

/* Form Inputs & Selects */
.form-input-field {
	width: 100% !important;
	border-radius: 1rem !important;
	border: 1.5px solid #d9d0c1 !important;
	background-color: #ffffff !important;
	padding: 0.875rem 1.125rem !important;
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	color: #182e36 !important;
	outline: none !important;
	transition: all 0.2s ease-in-out !important;
}

.form-input-field:focus {
	border-color: #253e48 !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(24, 46, 54, 0.12) !important;
}

/* Custom Checkboxes with No Text Overlap */
.form-checkbox-label {
	display: flex !important;
	align-items: center !important;
	gap: 0.75rem !important;
	cursor: pointer !important;
	font-size: 0.8125rem !important;
	color: #253e48 !important;
	line-height: 1.4 !important;
	margin-bottom: 0.75rem !important;
	user-select: none !important;
}

.form-checkbox-input {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 1.125rem !important;
	height: 1.125rem !important;
	min-width: 1.125rem !important;
	border: 1.5px solid #253e48 !important;
	border-radius: 0.25rem !important;
	background-color: #ffffff !important;
	outline: none !important;
	cursor: pointer !important;
	position: relative !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	transition: all 0.2s ease !important;
}

.form-checkbox-input:checked {
	background-color: #253e48 !important;
	border-color: #253e48 !important;
}

.form-checkbox-input:checked::after {
	content: '' !important;
	position: absolute !important;
	left: 4px !important;
	top: 1px !important;
	width: 5px !important;
	height: 9px !important;
	border: solid #ffffff !important;
	border-width: 0 2px 2px 0 !important;
	transform: rotate(45deg) !important;
}

/* High-Contrast Prominent Submit Button */
.form-submit-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.75rem !important;
	border-radius: 9999px !important;
	background-color: #253e48 !important;
	color: #ffffff !important;
	padding: 1rem 2.5rem !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
	border: none !important;
	cursor: pointer !important;
	box-shadow: 0 10px 25px -5px rgba(24, 46, 54, 0.25) !important;
	transition: all 0.2s ease !important;
}

.form-submit-btn:hover {
	background-color: #182e36 !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 15px 30px -5px rgba(24, 46, 54, 0.35) !important;
}

/* Contact Form 7 Plugin Rules */
.wpcf7 p {
	margin: 0;
}

.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"],
.wpcf7 form input[type="tel"],
.wpcf7 form input[type="date"],
.wpcf7 form select,
.wpcf7 form textarea {
	width: 100%;
	border-radius: 1rem;
	border: 1.5px solid #d9d0c1;
	background-color: #faf8f5;
	padding: 0.875rem 1.125rem;
	font-size: 0.9375rem;
	font-weight: 500;
	color: #182e36;
	outline: none;
	transition: all 0.2s ease-in-out;
}

.wpcf7 form input[type="text"]:focus,
.wpcf7 form input[type="email"]:focus,
.wpcf7 form input[type="tel"]:focus,
.wpcf7 form input[type="date"]:focus,
.wpcf7 form select:focus,
.wpcf7 form textarea:focus {
	border-color: #253e48;
	background-color: #ffffff;
	box-shadow: 0 0 0 4px rgba(24, 46, 54, 0.12);
}

.wpcf7 form input[type="submit"],
.wpcf7 form button[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 9999px;
	background-color: #253e48;
	color: #ffffff;
	padding: 1rem 2.5rem;
	font-size: 1rem;
	font-weight: 700;
	border: none;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 10px 25px -5px rgba(24, 46, 54, 0.25);
}

.wpcf7 form input[type="submit"]:hover,
.wpcf7 form button[type="submit"]:hover {
	background-color: #182e36;
	transform: translateY(-2px);
	box-shadow: 0 15px 30px -5px rgba(24, 46, 54, 0.35);
}

.wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.wpcf7-acceptance label {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: #253e48;
	cursor: pointer;
}

.wpcf7-acceptance input[type="checkbox"] {
	margin-top: 0.25rem;
	width: 1.1rem;
	height: 1.1rem;
	accent-color: #253e48;
	flex-shrink: 0;
}

.wpcf7-response-output {
	margin: 1.25rem 0 0 0 !important;
	padding: 0.875rem 1.25rem !important;
	border-radius: 1rem !important;
	font-size: 0.875rem !important;
	font-weight: 600 !important;
}

.wpcf7-spinner {
	margin-left: 0.75rem !important;
}

/* Blockquote Styling */
.prose-rich blockquote,
blockquote {
	position: relative;
	margin: 2rem 0;
	padding: 1.5rem 2rem 1.5rem 2.25rem;
	background-color: #f7f3ec;
	border-left: 4px solid #b7a07c;
	border-radius: 0 1.5rem 1.5rem 0;
	font-style: italic;
	font-size: 1.125rem;
	line-height: 1.7;
	color: #182e36;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
}

.prose-rich blockquote p,
blockquote p {
	margin: 0;
	font-style: italic;
	color: #182e36;
}