/* =====================================================
 * TEMA DE BAZĂ (CARDS, BUTOANE, INPUTS)
 * ===================================================== */

/* Paletă (doar ca notițe)
    bg: #0f1220; card: #171a2b; text: #e8e9f1; muted: #afb2c8;
    accent: #4ea3ff; accent2: #4effb8; line: rgba(255,255,255,0.08);
*/

/* Container/Card + Tipografie de Bază */
.m24-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 16px;
    padding: 20px;
    color: #e8e9f1;
}
.m24-title {
    margin: 0 0 10px;
    font-size: clamp(20px,2vw,24px);
    color: #fff; /* Fix titlu */
}
h3.m24-title {
    color: #fff;
}
h4.m24-title { /* Utilizat în search results */
    color: #26d797;
}
h4.m24-subtitle { /* Utilizat în editorul Atelier */
    color: #22d694;
}

h3.m24-subtitle {
    color: #fff;
}
.m24-form label {
    display: block;
    margin: 10px 0 6px;
    color: #cfd2e6;
}

/* Input-uri + Butoane */
.m24-input {
    width: 100%;
    background: #151a24;
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    color: #e8e9f1;
    padding: 10px 12px;
}
.m24-input:focus {
    outline: none;
    border-color: rgba(78,163,255,0.6);
}
.m24-btn {
    background: linear-gradient(135deg, #1b6f5b, #24d596);
    color: #151a24;
    border: none;
    font-size: 18px;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 12px;
}
.m24-btn-ghost {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.08);
    color: #e8e9f1;
    border-radius: 12px;
    padding: 12px 16px;
    font-weight: 700;
    cursor: pointer;
}
.m24-btn-ghost:hover {
    border-color: var(--accent2); /* Presupune că var(--accent2) este definit în altă parte */
    transform: translateY(-1px);
}

/* GRID UNIVERSAL - 2 COLOANE PE DESKTOP */
.m24-grid {
    display: grid;
    padding: 15px;
    gap: 20px;
    /* 50% minus jumătate din gap (10px) */
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
}

.m24-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.m24-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}
.m24-meta {
    color: #afb2c8;
    font-size: 12px;
}

/* =====================================================
 * CORECȚIE CULOARE TEXT LINK-URI (DUPĂ ȘTERGEREA !IMPORTANT)
 * ===================================================== */

/* 1. Titlurile ofertelor (link-uri normale din listele m24-list) */
.m24-list li a,
.m24-list li a:visited {
    color: #e8e9f1 !important; /* Alb deschis */
    text-decoration: none;
}
.m24-list-link-custom strong {
    color: #FFFFFF !important; /* Titlu principal alb */
}

/* 2. Link-urile din antetul cardului de ofertă (dar nu butoanele) */
.m24-offer-header a,
.m24-offer-header a:visited {
    color: #00ffa5 !important; /* Verde neon pentru link-ul RFQ */
    font-weight: bold;
}

/* CORECȚIE NOUĂ: Culoare vizibilă pentru Telefon în cardurile de căutare */
.m24-card.m24-atelier .m24-meta {
    color: #cfd2e6; /* Gri deschis pentru Adresă și Servicii */
    font-size: 15px; 
    font-weight: 500;
}
/* Facem Telefonul să fie Alb și Îngroșat pentru vizibilitate */
.m24-card.m24-atelier .m24-meta:contains('Tel:') {
    color: #fff; /* Alb pur pentru numărul de telefon */
    font-weight: 700;
}


textarea.m24-input {
    color:#000 !important;
    background:#FFF !important;
    caret-color:#e8e9f1;
    min-height:140px;
}

/* Alerte */
.m24-alert {
    padding: 12px;
    border-radius: 12px;
    margin: 12px 0;
}
.m24-alert.success {
    background: rgba(78,255,184,0.12);
    border: 1px solid rgba(78,255,184,0.35);
    color: #fff; /* Asigură că textul succes este alb */
}
.m24-alert.error {
    background: rgba(255,78,128,0.12);
    border: 1px solid rgba(255,78,128,0.35);
}

/* =====================================================
 * DASHBOARD (TABS + NAV) - STIL NOU
 * ===================================================== */

.m24-tabs {
    display:flex;
    flex-wrap:wrap;
    font-size: 18px;
    text-transform: uppercase;
    gap: 15px; /* Redus gap-ul pentru a aranja mai bine tab-urile */
    padding:8px 0 12px; /* Ajustat padding-ul */
    border-bottom:1px solid rgba(255, 255, 255, 0.08); /* Presupunând că var(--line) este 0.08 */
}

.m24-tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 18px; /* Padding generos pentru buton */
    
    /* STIL CHENAR NEON */
    border: 2px solid #00ffa5; /* Bordura verde neon */
    border-radius: 15px; /* Colțuri rotunjite (15px) */
    
    background: transparent; /* Fundal transparent */
    color: #e8e9f1; /* Text alb/gri deschis */
    text-decoration: none;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.m24-tab:hover {
    /* Efect subtil la hover */
    background: rgba(0, 255, 165, 0.1); /* Fundal semi-transparent la hover */
    box-shadow: 0 0 8px rgba(0, 255, 165, 0.4);
    transform: translateY(-1px);
}

.m24-tab.is-active {
    /* STIL TAB ACTIV */
    border-color: #00ffa5; 
    background: #00ffa5; /* Fundal complet neon */
    
    /* CORECȚIE CRITICĂ: Țintim culoarea textului cu forță maximă */
    color: #1a1a1a !important; 
    
    box-shadow: 0 0 10px rgba(0, 255, 165, 0.6);
    transform: none;
}

/* =====================================================
 * ATELIER PROFILE / SEARCH CARDS (ATELIER, PROMOTED)
 * ===================================================== */

.m24-atelier {
    transition: all 0.25s ease;
}
.m24-atelier:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 12px rgba(0,255,165,0.25);
}
.m24-card.m24-atelier.promoted {
    background: linear-gradient(145deg,#0f1822,#172235);
    border: 1px solid #00ffa5;
    box-shadow: 0 0 14px rgba(0,255,165,0.3);
}

/* Badges */
.m24-badge {
    display: inline-block;
    padding: 4px 8px; /* Spațiere unificată */
    border-radius: 4px; /* Rotunjire unificată */
    font-size: 12px !important; /* FIX: Font mai mic 12px */
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 8px;
}
.m24-badge-verified {
    background-color: #00ffa5;
    color: #1a1a1a;
    border: none;
}
.m24-badge-promoted {
    background-color: #FFD700; 
    color: #1a1a1a;
    border: none;
}
.m24-badge-accepted {
    display:inline-block;
    background: #10b981;
    color:#fff;
    padding:4px 8px;
    border-radius:999px;
    font-size:0.7em;
    vertical-align: middle;
}

/* Rating-ul din cardurile de căutare */
.m24-rating {
    display:flex;
    align-items:center;
    gap:6px;
    color:#f1c40f;
    font-weight:600;
}
.m24-rating .count {
    color:#bbb;
    font-size:14px;
}

/* =====================================================
 * OFERTE PRIMITE (RFQ CARDS V2 - FLEXBOX)
 * ===================================================== */

/* Containerul principal al cardurilor de ofertă */
.m24-offer-cards-flex-container {
    display: flex;
    flex-wrap: wrap; 
    margin: 20px -10px; 
    align-items: stretch; 
}
.m24-offer-card-model {
    width: calc(33.333% - 20px);
    margin: 10px; 
    background-color: #1a1a1a;
    border: 1px solid #00ffa5;
    padding: 15px;
    border-radius: 8px;
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
}

/* Rândul 1: Preț, Timp, Disponibilitate */
.m24-offer-summary {
    display: flex;
    justify-content: space-around;
    gap: 10px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}
.m24-offer-summary > div {
    flex: 1;
}
.m24-summary-label {
    font-size: 0.8em;
    color: #9e9e9e;
}

/* Rândul 3: Contact și Adresă */
.m24-offer-meta-group {
    margin: 10px 0;
    font-size: 0.9em;
}
.m24-location-meta {
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #ccc;
}

/* Butoane Contact (Telefon/WhatsApp) */
.m24-contact-btn {
    display: flex; 
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 10px 15px; 
    border-radius: 6px;
    font-size: 1em;
    font-weight: bold;
    margin-top: 8px; 
    width: 100%;
    color: #1a1a1a !important; /* Text NEGRU */
}
.m24-phone-btn {
    background: #d3d3d3 !important; 
}
.m24-whatsapp-btn {
    background: #25D366 !important; 
}
.m24-contact-btn .m24-meta-icon {
    color: #1a1a1a !important; 
    margin-right: 5px;
}

/* Rândul 4: Acțiune (Rating + Butoane) */
.m24-offer-action-final-wrapper.m24-grid-action {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; 
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 15px;
    width: 100%; 
}
.m24-action-rating-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px; 
}
.m24-action-rating-box span:first-child {
    font-size: 2em;
    font-weight: bold;
    color: #00ffa5;
    line-height: 1;
}
.m24-action-rating-box .m24-rating-stars-large {
    font-size: 1.2em;
}
.m24-btn-view-offer {
    background: transparent;
    border: 1px solid #666; 
    color: #ffffff !important;
    padding: 8px 12px;
    font-size: 0.9em;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 5px; 
    border-radius: 6px;
}
.m24-action-buttons-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: 100%;
}
.m24-btn-accept {
    padding: 18px 15px; 
    font-size: 1em;
    font-weight: 800;
    background-color: #00ffa5 !important; 
    color: #1a1a1a !important; 
    border-radius: 0 0 6px 0;
    min-width: 150px; 
}
.m24-accept-form, .m24-btn-accept {
    margin-top: 0 !important;
}

/* =====================================================
 * STILURI DIVERSE (PROFILE, PDF, ATELIER)
 * ===================================================== */

/* Editor Profil Client */
.m24-profile-avatar-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    background: rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 12px;
}
.m24-avatar-preview {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #111427;
    background-size: cover;
    background-position: center;
    border: 2px solid rgba(255,255,255,0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.m24-form .m24-profile-fields.m24-grid-2 {
    margin-left: -8px; 
    margin-right: -8px; 
}
.m24-form .m24-profile-fields.m24-grid-2 > div {
    width: 50%;
    float: left;
    padding-left: 8px; 
    padding-right: 8px; 
    box-sizing: border-box;
}
.m24-form .m24-profile-fields.m24-grid-2::after {
    content: "";
    display: table;
    clear: both;
}

/* PDF Card */
.m24-pdf-item {
    /* Stiluri complete (păstrate) */
}

/* Rating pe Profil Atelier */
.m24-profile-rating-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 16px 20px;
    border-radius: 12px;
}
.m24-profile-rating-score {
    font-size: 42px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
}
.m24-profile-rating-stars {
    color: #FFD700;
    font-size: 22px;
    line-height: 1;
}

.m24-profile-rating-count {
    color: #fff;
}

/* Iconiță Contul Meu (SVG) */
a.m24-btn[href*="/contul-meu/"], a.m24-my-account-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
a.m24-btn[href*="/contul-meu/"]::before, a.m24-my-account-link::before {
    /* ... stil SVG ... */
}

/* =====================================================
 * MEDIA QUERY INTERMEDIARĂ (850px) - CORECȚIE LAYOUT
 * ===================================================== */

@media (max-width: 850px) {
    /* Forțează grid-ul principal să treacă la o singură coloană (100% lățime) */
    .m24-grid {
        grid-template-columns: 100% !important; 
    }
    
    /* Asigură că ofertele cu 2-3 coloane trec la 2 coloane pe tablete mici */
    .m24-offer-card-model {
        width: calc(50% - 20px) !important; 
    }
}

/* =====================================================
 * MEDIA QUERIES (RESPONSIVE)
 * ===================================================== */

@media (max-width: 1024px) {
    .m24-offer-card-model {
        width: calc(50% - 20px); 
    }
}

@media (max-width: 768px) {
    /* O singură coloană pe mobil */
    .m24-offer-card-model {
        width: 100%;
        margin: 10px 0;
    }
    .m24-offer-cards-flex-container {
        margin: 20px 0;
    }
    /* Acțiune verticală */
    .m24-offer-action-final-wrapper.m24-grid-action {
        flex-direction: column;
        align-items: stretch;
    }
    .m24-action-buttons-group {
        width: 100%;
        align-items: stretch;
    }
    .m24-btn-accept {
        border-radius: 6px !important;
    }
    
    /* FIX NOU: Carduri Atelier - Vertical & Centrat */
    .m24-grid {
        /* Se aplică 100% aici pentru a acoperi toate cazurile sub 768px */
        grid-template-columns: 100% !important; 
    }

    .m24-card.m24-atelier {
        flex-direction: column !important; /* Stivuiește elementele vertical */
        align-items: center !important; /* Centrează textul/avatarul pe orizontală */
        text-align: center; /* Centrează textul */
        padding: 16px 10px !important;    /* Ajustează padding-ul pe lateral */
    }

    .m24-atelier-avatar-wrapper {
        width: 80px !important; 
        height: 80px !important;
        margin: 0 auto 12px auto !important; /* Centrează și adaugă spațiu dedesubt */
        order: -1 !important; /* CRITIC: Mută-l în partea de sus */
    }

    /* Asigură că titlul și badge-urile sunt aliniate și nu se suprapun */
    .m24-card.m24-atelier h4 {
        flex-direction: column; /* Stivuiește titlul și badge-urile */
        align-items: center;
        margin-bottom: 8px !important;
    }
    
    /* FIX: Badge-uri pe aceeași linie și centrate pe mobil (se bazează pe structura PHP) */
    .m24-card.m24-atelier > div:first-child > div:nth-child(2) { 
        display: flex;
        justify-content: center; /* Centrează orizontal badge-urile */
        flex-wrap: wrap; 
        margin-bottom: 8px;
        gap: 8px; /* Spațiu între badge-uri */
    }

    /* Ajustează spațiul pentru conținutul text (pentru recenzii, adrese etc.) */
    .m24-card.m24-atelier > div:first-child {
        padding-right: 0 !important;
        width: 100%;
        min-width: unset;
    }
    
    /* FIX: Centrează ratingul/recenziile pe mobil */
    .m24-rating {
        justify-content: center !important; 
    }
}

@media (max-width: 600px) {
    /* Profil Client - 1 coloană */
    .m24-form .m24-profile-fields.m24-grid-2 > div {
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
}

/* =====================================================
 * STIL PENTRU BUTONUL DE APEL M24-PHONE-LINK
 * (Aspect similar cu WhatsApp, dar funcție de apel)
 * ===================================================== */

.m24-phone-link {
    /* Setări de bază pentru buton (similar cu m24-contact-btn) */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 1em;
    font-weight: bold;
    margin-top: 8px;
    width: 100%;
    
    /* Culori specifice: Fundal verde, Text negru */
    background-color: #00ffa5 !important; /* Verde/Aqua vibrant */
    color: #1a1a1a !important; /* Text negru pentru contrast */
    border: none;
    transition: background-color 0.2s ease;
}

.m24-phone-link:hover {
    background-color: #00d48c !important; /* O nuanță puțin mai închisă la hover */
    opacity: 1; /* Asigură vizibilitatea */
}

/* Iconiță Telefon (Folosim un font icon sau SVG pentru a simula iconița) */
/* NOTĂ: Dacă folosești font-awesome, poți înlocui conținutul cu "\f095" (codul telefonului) */
.m24-phone-link::before {
    content: "📞"; /* Emoji sau font icon (ex: Font Awesome \f095) */
    font-size: 1.1em;
    margin-right: 8px;
    color: #1a1a1a !important; /* Iconița neagră */
}

/* Asigură că textul rămâne centrat */
.m24-phone-link span { 
    /* Dacă numărul de telefon este încadrat într-un span, asigură stilul */
    color: #1a1a1a !important;
}

/* Pe mobil, asigură că este lat */
@media (max-width: 767px) {
    .m24-phone-link {
        width: 100%;
        box-sizing: border-box;
    }
}

/* =====================================================
 * STIL PENTRU BUTONUL DE WHATSAPP M24-WHATSAPP-LINK
 * (Aspect similar cu telefon, dar fundal specific WhatsApp)
 * ===================================================== */

.m24-whatsapp-link {
    /* Setări de bază (Copiate de la m24-phone-link/m24-contact-btn) */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 6px;
    font-size: 1em;
    font-weight: 600;
    margin-top: 8px;
    width: 100%;
    
    /* Culori specifice: Fundal verde WhatsApp, Text negru */
    background-color: #009560 !important; /* Verde WhatsApp */
    color: #1a1a1a !important; /* Text negru pentru contrast */
    border: none;
    transition: background-color 0.2s ease;
}

.m24-whatsapp-link:hover {
    background-color: #1DA851 !important; /* Nuanță mai închisă la hover */
    opacity: 1; 
    
}

/* Pe mobil, asigură că este lat */
@media (max-width: 767px) {
    .m24-whatsapp-link {
        width: 100%;
        box-sizing: border-box;
    }
}

/* ÎNLOCUIEȘTE: grid-template-columns: 1fr 1fr; */
.m24-form .m24-profile-fields.m24-grid-2 {
    grid-template-columns: 50% 50%;
}

/* Și pe mobil (Linii 821, 1447, etc.) */
@media (max-width: 768px) {
    .m24-form .m24-profile-fields.m24-grid-2,
    .m24-offer-action-final-wrapper.m24-grid-action {
        /* ÎNLOCUIEȘTE: grid-template-columns: 1fr; */
    grid-template-columns: 100%; /* In loc de 1fr */
    }
    
    /* Stil pentru grupul de 1 coloană (Email / URL / etc.) */
.m24-form .m24-profile-fields.m24-grid-1 {
    /* ÎNLOCUIEȘTE grid-template-columns: 1fr; care dă eroare */
    grid-template-columns: 100%; 
}
}