/*!
Theme Name: Accurora
Theme URI: https://www.accurora.com
Author: Accurora
Author URI: https://www.accurora.com
Description: Accurora theme for home site
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: accurora

*/

:root {
    --primary:#00b6aa;
    --secondary:#002c77;
 
    --text:#4f4f4f;
    --border:#e5e7eb;
    
    --blue: #1e73be;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dd3333;
    --orange: #ff7f00;
    --dark-orange: #cc6600;
    --yellow: #f59e0b;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #cccccc;
    --gray-dark: #6c757d;
    
    --border-radius: 0.5rem;
}

body{
    color:var(--text);
}

.bg-primary{
    background-color:var(--primary);
}

.bg-secondary{
    background-color:var(--secondary);
}

.text-primary{
    color:var(--primary);
}

.text-secondary{
    color:var(--secondary);
}

.text-body{
    color:var(--text);
}

.border-brand{
    border-color:var(--border);
}

.container-brand{
    max-width:1280px;
    margin:auto;
}



.swal-button--cancel:not([disabled]):hover, button.swal2-cancel.swal2-styled:hover {
	background-color: #e8e8e8 !important;
}
 
button.swal2-confirm.danger.swal2-styled {
    background: var(--red) !important;
    color: var(--white);
}

.swal-button--danger:not([disabled]):hover {
    background-color: var(--red) !important;
}

.swal-button--cancel, button.swal2-cancel.swal2-styled {
    background-color: var(--gray) !important;
	color: inherit;
}

.swal-button--danger {
    background-color: var(--red) !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--primary) !important;
}

.swal2-container .swal2-checkbox {
    display: none !important;
}

span.required, span.requiredstat, label.is-invalid, span.reqstar {
	color: var(--red);
}

label.is-invalid {
	font-weight: normal;
	line-height: normal;
}

span.required, span.requiredstat {
	font-weight: bold;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

label {
    display: block !important;
	cursor: pointer;
	width: 100%;
}


/* =========================================================
   Choices.js Integration (Matches .form-control)
   ========================================================= */

/* 1. Base Structure */
.choices {
    margin-bottom: 0;
}

.choices__inner {
    width: 100%;
    min-height: 48px !important; /* Match .form-control */
    padding: 0 12px !important;
    border-radius: var(--border-radius) !important;
    border-color: var(--fallback-bc, oklch(var(--bc) / 0.2));
    background-color: var(--white);
    display: flex;
    align-items: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

/* 2. Fix the Bold Issue: Ensure text inside is normal weight */
.choices__list--single, 
.choices__input, 
.choices__item {
    font-weight: 400 !important; /* Unbolds the selection text */
    font-size: 15px;
    background: none;
}

.choices__input {
    margin-bottom: 0 !important;
}

/* 3. Focus State */
.choices.is-focused .choices__inner {
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15) !important;
}

/* 4. Placeholder Styling */
.choices__list--single .choices__item.choices__placeholder,
.choices__placeholder,
.choices__input::placeholder {
    opacity: 1;
    font-weight: 400 !important;
    font-size: 15px;
}
.choices__list--dropdown {
    position: absolute;
    z-index: 9999;
}

input.choices__input[type="search"] {
    background-color: unset !important;
    border: unset !important;
    border-radius: unset !important;
}

.choices__list.choices__list--dropdown {
    background-color: var(--bg-base);
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    color: var(--primary) !important;
}

.choices__list--dropdown .choices__item--selectable.is-selected {
    color: var(--secondary) !important;
}

/* --- Multi-Select Tag Styling --- */

/* The Tag Container */
.choices__list--multiple .choices__item {
    background-color: var(--primary) !important;
    border: 1px solid var(--primary) !important;
    border-radius: 4px !important;
    padding: 3px 10px !important;
    margin: 3px 10px 3px 0;
}

/* The 'X' Remove Button inside the Tag */
.choices__list--multiple .choices__item .choices__button {
    border-left: unset;
    margin-left: 8px !important;
    padding-left: 4px !important;
    opacity: 0.8;
}

.choices__list--multiple .choices__item .choices__button:hover {
    opacity: 1;
}

/* --- Dark Mode Overrides --- */
.dark .choices__list--multiple .choices__item {
}

/* Style for the input area when items are already selected */
.choices__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    background: unset !important;
}