/* =========================================
   y-select Mint Theme Overrides
   ========================================= */
:root {
    /* Main Input Appearance */
    --y-select-display-bg: #0b0f19;
    --y-select-display-border: 1px solid #334155;
    --y-select-display-radius: 8px;
    --y-select-display-color: #e2e8f0;
    --y-select-display-height: 48px;
    --y-select-display-padding: 0 15px 0 40px; /* Padding left for the arrow in RTL */
    /* Focus & Hover states */
    --y-select-display-border-hover: #475569;
    --y-select-display-border-focus: #71F494;
    --y-select-display-outline-width: 0px; /* Disabling default outline to use box-shadow instead */
    /* Arrow Icon (Colored to #64748b to match form placeholders) & RTL Positioning */
    --y-select-arrow-bg: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
    --y-select-arrow-right: auto;
    --y-select-arrow-left: 15px;
    /* Dropdown List Box */
    --y-select-list-bg: #0b0f19;
    --y-select-list-border: 1px solid #334155;
    --y-select-list-radius: 8px;
    --y-select-list-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
    /* Dropdown Items */
    --y-select-item-color: #cbd5e1;
    --y-select-item-hover-bg: #161f30;
    --y-select-item-hover-color: #71F494;
    --y-select-item-selected-bg: rgba(113, 244, 148, 0.1);
    --y-select-item-selected-color: #71F494;
}
/* Matching the glowing shadow focus state to the rest of the form */
.wpcf7-form .y-select-wrap.has-focus .y-select-display,
.wpcf7-form .y-select-wrap.is-open .y-select-display {
    box-shadow: 0 0 0 1px #71F494;
    border-color: #71F494;
}
/* Fixing the floating label floating trigger when y-select is opened */
.y-select-wrap.is-open ~ .inputs-label,
.y-select-wrap.has-focus ~ .inputs-label {
    top: -8px;
    font-size: 13px;
    color: #71F494;
    opacity: 1;
    visibility: visible;
}
@media screen and ( max-width: 767px ) {
	.wpcf7-form,
	body {
		padding: 20px 10px;
	}
	.presentation-group {
		padding: 10px;
	}
	.wpcf7-form-control-wrap:not(.checkbox-wrap) {
		margin: 0 0 15px 0;
	}
	.source-header {
		flex-direction: column-reverse;
		gap: 15px;
	}
	.libraries-header h1 { font-size: 3rem; }
}