
:root {
    --primary-color: #1E3A8A;
    --secondary-color: #3B65C4;
    --accent-color: #FF7F50;
    --button-text-color: #FFFFFF;
    --content-text-color: #000000;
    --button-hover-color: #9C27B0;
}

/* GLOBAL TEXT COLOR - CONTENT BY DEFAULT */
* {
    color: var(--content-text-color) !important;
}

html, body {
    color: var(--content-text-color) !important;
}

/* NAVIGATION */
nav {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
}

nav .logo,
nav a {
    color: var(--button-text-color) !important;
}

nav a:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* RESPONSIVE NAV MENU */
@media (max-width: 768px) {
    nav ul {
        background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
    }
}

/* HERO */
.hero-overlay {
    background: linear-gradient(to bottom, rgba(0,0,50,0.2), rgba(30,58,138,0.6)) !important;
}

/* SECTIONS & TEXT */
.section h2,
h1, h2, h3 {
    color: var(--content-text-color) !important;
}

a {
    color: var(--content-text-color) !important;
}

a:hover {
    color: var(--primary-color) !important;
}

body, p, span, li, td {
    color: var(--content-text-color) !important;
}

/* PROFILE HEADER */
.profile-header {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
    color: var(--button-text-color) !important;
}

.profile-header h1,
.profile-email,
.profile-meta {
    color: var(--button-text-color) !important;
}

.action-btn {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
    color: var(--button-text-color) !important;
}

.action-btn:hover {
    background: var(--button-hover-color) !important;
}

/* PROFILE BUY BUTTON */
.buy-btn {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
    color: var(--button-text-color) !important;
}

.buy-btn:hover {
    background: var(--button-hover-color) !important;
}

/* ORDERS TABLE */
.orders-table thead {
    background: var(--primary-color) !important;
}

.orders-table th {
    color: var(--button-text-color) !important;
}

/* MEGA MENU (fond blanc, toujours texte noir) */
.user-menu-links a,
.user-menu-section-title,
.cart-preview,
.cart-item-details p {
    color: #000000 !important;
}

.user-menu-links a:hover {
    background: var(--button-hover-color) !important;
    color: white !important;
    border-radius: 6px !important;
    transform: translateX(4px) !important;
}

.cart-item:hover {
    background: rgba(156, 39, 176, 0.1) !important;
    border-color: var(--button-hover-color) !important;
    box-shadow: 0 2px 8px rgba(156, 39, 176, 0.2) !important;
}

.mega-menu-cart-btn {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
    color: var(--button-text-color) !important;
}

.mega-menu-cart-btn:hover {
    background: var(--button-hover-color) !important;
    color: var(--button-text-color) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* PROFILE BUY BUTTON */
.buy-btn {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
    color: var(--button-text-color) !important;
}

.buy-btn:hover {
    background: var(--button-hover-color) !important;
}

/* PROFILE BUY BUTTON */
.buy-btn {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
    color: var(--button-text-color) !important;
}

.buy-btn:hover {
    background: var(--button-hover-color) !important;
}

/* ORDERS TABLE */
.orders-table thead {
    background: var(--primary-color) !important;
}

.orders-table th {
    color: var(--button-text-color) !important;
}

/* BUTTONS & BADGES */
.latest-artwork .badge {
    background: linear-gradient(90deg, var(--accent-color), #FF4500) !important;
    color: var(--button-text-color) !important;
}

button,
.btn-primary,
.latest-artwork button,
.add-painting-form button,
.validate-btn,
.qty-btn,
[class*="btn"] {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
    color: var(--button-text-color) !important;
    border: none !important;
}

button:hover,
.btn-primary:hover,
.latest-artwork button:hover,
.add-painting-form button:hover,
.validate-btn:hover,
.qty-btn:hover,
[class*="btn"]:hover {
    background: var(--button-hover-color) !important;
    color: var(--button-text-color) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* FORMS */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1) !important;
    outline: none !important;
}

input {
    border-color: var(--primary-color) !important;
}

/* FOOTER */
footer {
    background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)) !important;
}

footer,
footer p,
footer a,
.footer-links ul li a {
    color: var(--button-text-color) !important;
}

footer a:hover {
    color: var(--accent-color) !important;
}

/* LINKS IN FOOTER */
.footer-links ul li a:hover {
    color: var(--accent-color) !important;
}

/* BORDERS & ACCENTS */
.form-group input,
.form-group textarea {
    border-color: var(--primary-color) !important;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1) !important;
}

/* ADMIN HEADER */
.admin-header {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%) !important;
    color: var(--button-text-color) !important;
}

.admin-header h1 {
    color: var(--button-text-color) !important;
}

/* ADMIN ELEMENTS */
.admin-form {
    border-left: 4px solid var(--primary-color) !important;
}

.admin-nav {
    background: transparent !important;
}

.admin-nav .nav-btn {
    background: rgba(255, 255, 255, 0.2) !important;
    color: var(--button-text-color) !important;
    border: none !important;
    padding: 10px 16px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

.admin-nav .nav-btn:hover {
    background: var(--button-hover-color) !important;
    color: var(--button-text-color) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.status-badge {
    background: var(--primary-color) !important;
    color: var(--button-text-color) !important;
}

/* ALERTS */
.alert-success {
    border-left: 4px solid var(--primary-color) !important;
}

/* GALLERY & CARDS */
.latest-artwork {
    border: 2px solid var(--primary-color) !important;
}

.product-card {
    border: 2px solid var(--primary-color) !important;
}

.cart-item {
    border-left: 4px solid var(--primary-color) !important;
}

/* ACCENT ELEMENTS */
.badge {
    background: var(--accent-color) !important;
    color: var(--button-text-color) !important;
}

.highlight {
    color: var(--accent-color) !important;
}

/* FOCUS STATES */
:focus {
    outline-color: var(--primary-color) !important;
}

::placeholder {
    color: var(--primary-color) !important;
    opacity: 0.6;
}

/* TABS & ACTIVE STATES */
.nav-btn.active {
    background: var(--accent-color) !important;
    color: var(--button-text-color) !important;
}

.tab-active {
    border-bottom-color: var(--primary-color) !important;
    color: var(--primary-color) !important;
}

/* HOVER EFFECTS */
.latest-artwork:hover {
    box-shadow: 0 10px 25px rgba(30,58,138,0.2) !important;
    border-color: var(--secondary-color) !important;
}

/* TOTAL PRICE & IMPORTANT TEXT */
.total-price {
    color: var(--primary-color) !important;
    font-weight: 700 !important;
}

/* SECTION BACKGROUNDS */
.admin-section {
    background: linear-gradient(135deg, rgba(30,58,138,0.02), rgba(59,101,196,0.02)) !important;
}

.stats-grid .stat-card {
    border-left: 4px solid var(--primary-color) !important;
}

/* CARDS & CONTAINERS WITH TEXT */
.stat-card,
.painting-card,
.product-card,
.artwork-card,
.form-group,
.modal,
.modal-content,
.panel,
.box,
.card {
    background: white !important;
}

.stat-card h3,
.stat-card p,
.stat-card .stat-number,
.stat-card .stat-info,
.painting-card h3,
.painting-card p,
.product-card h3,
.product-card p,
.product-card .info,
.artwork-card h3,
.artwork-card p,
.form-group label,
.modal h1,
.modal h2,
.modal h3,
.modal p,
.panel h3,
.panel p,
.box p,
.card p,
.card h3 {
    color: var(--content-text-color) !important;
}

/* INPUTS & TEXTAREAS */
input,
textarea,
select {
    background: white !important;
    color: var(--content-text-color) !important;
}

input::placeholder,
textarea::placeholder,
select {
    color: var(--content-text-color) !important;
    opacity: 0.6;
}

/* SECTIONS */
.section,
.section-content,
.page-section,
.content-section {
    background: transparent !important;
}

.section p,
.section-content p,
.page-section p,
.content-section p {
    color: var(--content-text-color) !important;
}

/* LISTS & ITEMS */
ul, ol {
    color: var(--content-text-color) !important;
}

ul li,
ol li,
li {
    color: var(--content-text-color) !important;
}

/* TABLES */
table,
th,
td {
    color: var(--content-text-color) !important;
    border-color: var(--primary-color) !important;
}

th {
    background: rgba(30, 58, 138, 0.1) !important;
}

/* ALERT & SUCCESS MESSAGES */
.alert,
.alert-success,
.alert-error,
.alert-warning,
.alert-info {
    color: var(--content-text-color) !important;
}

/* ADMIN & FORMS */
.admin-form,
.admin-section,
.form-section,
.form-row,
.form-container,
.table-container,
.data-table,
.admin-table {
    background: white !important;
}

.admin-form h3,
.admin-form p,
.admin-form label,
.admin-section h3,
.admin-section p,
.form-section h3,
.form-section p,
.table-container h3,
.data-table td,
.admin-table td,
.admin-table th {
    color: var(--content-text-color) !important;
}

/* GENERAL TEXT ELEMENTS */
dt, dd,
blockquote,
.text-content,
.description,
.metadata,
.info-box,
.note {
    color: var(--content-text-color) !important;
}

/* GRID ITEMS */
.grid-item,
.item,
.row,
.col {
    color: var(--content-text-color) !important;
}

/* RESPONSIVE & TRANSITIONS */
button,
a,
input,
.latest-artwork,
.product-card,
.btn-primary {
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

/* UNIFORM HOVER EFFECT FOR ALL INTERACTIVE ELEMENTS */
a[href]:not(.user-menu-section-title):hover {
    opacity: 0.8 !important;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
    background: var(--button-hover-color) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.latest-artwork:hover,
.product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15) !important;
}
