/*
 Theme Name: SI-Finance
 Theme URI: https://finance.strongindustries.net
 Description: SI-Finance Theme
 Author: Strong Industries
 Author URI: https://strongindustries.net
 Template: Divi
 Version: 1.0.2
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* -------------------------------------------------------
   Button styles – Strong Industries
------------------------------------------------------- */

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;

    padding: 0.75rem 1.25rem;

    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-decoration: none;
    white-space: nowrap;

    color: #111;
    background-color: #fff;

    border: 2px solid #111;
    border-radius: 6px;

    cursor: pointer;
    transition:
        background-color 0.15s ease,
        color 0.15s ease,
        border-color 0.15s ease,
        transform 0.1s ease;
}

.button:hover,
.button:focus-visible {
    background-color: #111;
    color: #fff;
    border-color: #111;
    transform: translateY(-1px);
}

.button.button-primary {
    border-color: #c44ce6;
    color: #c44ce6;
    background-color: #fff;
}

.button.button-primary:hover,
.button.button-primary:focus-visible {
    background-color: #c44ce6;
    color: #fff;
    border-color: #c44ce6;
}

.button.button-secondary {
    border-color: #ccc;
    color: #333;
    background-color: #fafafa;
}

.button.button-secondary:hover,
.button.button-secondary:focus-visible {
    border-color: #111;
    color: #111;
    background-color: #fff;
}

.button:disabled,
.button.is-disabled {
    opacity: 0.45;
    cursor: not-allowed;
    pointer-events: none;
}

/* -------------------------------------------------------
   Site Foundations: Fonts, Colors, Forms
------------------------------------------------------- */

:root {
    --si-black: #111;
    --si-gray-900: #222;
    --si-gray-700: #444;
    --si-gray-500: #777;
    --si-gray-300: #ddd;
    --si-gray-100: #f6f6f6;
    --si-accent: #c44ce6;
    --si-accent-soft: #f3e6fa;
    --si-success: #2f855a;
    --si-error: #c53030;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, Arial, sans-serif;
    color: var(--si-gray-900);
    line-height: 1.55;
    background: #fff;
}

h1, h2, h3, h4 {
    font-weight: 600;
    letter-spacing: -0.01em;
    color: var(--si-black);
}

.si-panel {
    background: #fff;
    border: 1px solid var(--si-gray-300);
    padding: 16px;
    border-radius: 8px;
}

/* Global form styling for #si-log-time-form-wrapper and future dashboards */

#si-log-time-form-wrapper table.form-table {
    border-collapse: separate;
    border-spacing: 0 0.75rem;
    width: 100%;
}

#si-log-time-form-wrapper table.form-table th {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--si-gray-700);
    padding: 0 1rem 0 0;
    vertical-align: top;
    text-align: left;
    white-space: nowrap;
}

#si-log-time-form-wrapper table.form-table td {
    padding: 0;
}

#si-log-time-form-wrapper table.form-table td input,
#si-log-time-form-wrapper table.form-table td select,
#si-log-time-form-wrapper table.form-table td textarea {
    width: 100%;
    max-width: 420px;
    padding: 0.55rem 0.65rem;
    border: 1px solid var(--si-gray-300);
    border-radius: 4px;
    background: #fff;
    font-size: 0.9rem;
    font-family: inherit;
    box-sizing: border-box;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#si-log-time-form-wrapper table.form-table td textarea {
    max-width: 640px;
    resize: vertical;
    min-height: 80px;
}

#si-log-time-form-wrapper table.form-table td input:focus,
#si-log-time-form-wrapper table.form-table td select:focus,
#si-log-time-form-wrapper table.form-table td textarea:focus {
    border-color: var(--si-accent);
    outline: none;
    box-shadow: 0 0 0 3px var(--si-accent-soft);
}

#si-log-time-form-wrapper table.form-table td select:disabled {
    background: var(--si-gray-100);
    color: var(--si-gray-500);
    cursor: not-allowed;
}
#si-log-time-form-wrapper .description {
	font-size: .8em;
	color: #888;
	font-style: italic;
	
}

/* Helper class for form actions row */

.si-form-actions {
    margin-top: 1.5rem;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Notice styles compatible with existing JS output */

.notice {
    padding: 1rem 1.25rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.95rem;
}

.notice.notice-success {
    border-left: 4px solid var(--si-success);
    background-color: #e6f4ea;
    color: var(--si-success);
}

.notice.notice-error {
    border-left: 4px solid var(--si-error);
    background-color: #fbeaea;
    color: var(--si-error);
}

/* Success recap block spacing and typography */

#si-log-time-success ul {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    padding-left: 1.25rem;
    color: var(--si-gray-700);
}

#si-log-time-success .buttons-row {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

/* general table styles */
table.widefat {
    width: 100%; 
}
.legend {
    margin-top: 40px;
}
.legend, .legend ul, .legend li {
    font-size: 14px;
    color: #888;
}
.legend li {
    margin: 0px;
    padding: 0px;
}