/* ==========================================================================
   Kindify.online - Design System
   ========================================================================== */

:root {
    --kindify-primary: #2563eb;
    --kindify-primary-hover: #1d4ed8;
    --kindify-bg: #f8fafc;
    --kindify-text: #334155;
    --kindify-text-light: #64748b;
    --kindify-radius: 12px;
    --kindify-radius-sm: 8px;
    --kindify-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --kindify-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --kindify-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --kindify-font: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* 1. Cardul de Anunț (Modern, Umbre fine, Colțuri rotunjite) */
.kindify-custom-card {
    background: #ffffff;
    border-radius: var(--kindify-radius);
    box-shadow: var(--kindify-shadow);
    transition: var(--kindify-transition);
    border: 1px solid #e2e8f0;
    overflow: hidden; /* Asigură că imaginea nu iese din colțurile rotunjite */
    display: flex;
    flex-direction: column;
    height: 100%;
    font-family: var(--kindify-font);
}

.kindify-custom-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--kindify-shadow-hover);
}

.kindify-card-header {
    position: relative;
}

/* Wishlist Inimioară */
.kindify-wishlist-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: var(--kindify-transition);
    color: var(--kindify-text-light);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    z-index: 10;
}

.kindify-wishlist-btn:hover {
    color: #ef4444; /* Roșu la hover */
    transform: scale(1.1);
}

.kindify-card-body {
    padding: 16px;
    flex-grow: 1;
}

.kindify-card-footer {
    padding: 16px;
    border-top: 1px solid #f1f5f9;
    display: flex;
    gap: 8px;
}

/* Butoane Clean */
.kindify-btn {
    flex: 1;
    text-align: center;
    padding: 10px 16px;
    border-radius: var(--kindify-radius-sm);
    font-weight: 500;
    text-decoration: none;
    transition: var(--kindify-transition);
    font-size: 0.9rem;
}

.kindify-btn-primary {
    background: var(--kindify-primary);
    color: white;
}

.kindify-btn-primary:hover {
    background: var(--kindify-primary-hover);
    color: white;
}

.kindify-btn-outline {
    background: transparent;
    color: var(--kindify-primary);
    border: 1px solid var(--kindify-primary);
}

/* 2. Formular Expediere (pe Pagina Detaliu) */
.kindify-shipping-module {
    background: white;
    padding: 20px;
    border-radius: var(--kindify-radius);
    border: 1px solid #e2e8f0;
    margin-bottom: 24px;
}

.kindify-radio-label {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    cursor: pointer;
    font-family: var(--kindify-font);
    color: var(--kindify-text);
}

/* 3. Loader-ul de Tranziție */
.kindify-loader-overlay {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.kindify-loader-overlay.active {
    opacity: 1;
    visibility: visible;
}

.kindify-spinner {
    width: 40px;
    height: 40px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid var(--kindify-primary);
    border-radius: 50%;
    animation: kindify-spin 1s linear infinite;
}

@keyframes kindify-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Media Queries pentru Mobile-First Responsiveness */
@media (max-width: 768px) {
    .kindify-card-footer {
        flex-direction: column;
    }
}

/* ==========================================================================
   KINDIFY.ONLINE - INTERFAȚĂ PREMIUM (HEADER, CHAT, PROFIL, FORMULARE)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. HEADER ASTRA & LOGO (Interactivitate)
   -------------------------------------------------------------------------- */

/* Mărire fină a logoului la trecerea mouse-ului */
.custom-logo-link img {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.custom-logo-link:hover img {
    transform: scale(1.05) !important;
}

/* Efect animat de subliniere pentru linkurile din meniul principal */
.main-header-menu .menu-item > a {
    position: relative;
    transition: color 0.3s ease;
}

.main-header-menu .menu-item > a::after {
    content: '';
    position: absolute;
    bottom: 5px; /* Ajustează dacă e prea aproape de text */
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--kindify-primary, #2563eb);
    transition: width 0.3s ease-in-out;
    border-radius: 2px;
}

.main-header-menu .menu-item:hover > a::after,
.main-header-menu .current-menu-item > a::after {
    width: 100%;
}

/* --------------------------------------------------------------------------
   2. SISTEM DE MESAJE (Stil Chat tip WhatsApp/Aplicație)
   -------------------------------------------------------------------------- */

/* Containerul principal de mesaje */
.hp-messages {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: var(--kindify-radius, 12px);
    padding: 20px;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

/* Structura de bază a unei bule de mesaj */
.hp-message {
    padding: 12px 18px;
    margin-bottom: 16px;
    border-radius: 16px 16px 16px 4px; /* Formă de bulă stânga */
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    border: 1px solid #f1f5f9;
    max-width: 80%;
    clear: both;
    float: left;
    transition: transform 0.2s ease;
}

/* Bula de mesaj trimisă de tine (Aliniată la dreapta) */
/* Notă: HivePress aplică clasa .hp-message--sent pentru mesajele tale */
.hp-message.hp-message--sent {
    background: var(--kindify-primary, #2563eb);
    color: #ffffff;
    float: right;
    border-radius: 16px 16px 4px 16px; /* Formă de bulă dreapta */
    border: none;
}

.hp-message.hp-message--sent a {
    color: #e0f2fe; /* Linkuri vizibile pe fundal albastru */
}

/* Fix pentru a repara "plutirea" mesajelor */
.hp-message-list::after {
    content: "";
    clear: both;
    display: table;
}

/* Câmpul de scriere mesaj nou */
.hp-form--message-send .hp-form__field {
    border-radius: 24px;
    padding: 14px 20px;
    background: #ffffff;
}

/* --------------------------------------------------------------------------
   3. FORMULARE: ÎNREGISTRARE, LOGIN ȘI SETĂRI
   -------------------------------------------------------------------------- */

/* Box-ul principal al formularelor (Login / Register) */
.hp-form--user-login,
.hp-form--user-register,
.hp-form--user-update {
    background: #ffffff;
    padding: 32px;
    border-radius: var(--kindify-radius, 12px);
    box-shadow: var(--kindify-shadow, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    border: 1px solid #e2e8f0;
}

/* Câmpurile de text (Inputs) */
.hp-form__field {
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
    padding: 12px 16px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    transition: all 0.3s ease !important;
}

/* Efect luminos (focus) când dai click să scrii */
.hp-form__field:focus {
    background: #ffffff !important;
    border-color: var(--kindify-primary, #2563eb) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
    outline: none !important;
}

/* --------------------------------------------------------------------------
   4. PROFIL UTILIZATOR / VÂNZĂTOR
   -------------------------------------------------------------------------- */

/* Cardul de sus al profilului */
.hp-vendor--view-page,
.hp-user--view-page {
    background: #ffffff;
    border-radius: var(--kindify-radius, 12px);
    box-shadow: var(--kindify-shadow, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
    padding: 24px;
    margin-bottom: 30px;
    border: 1px solid #e2e8f0;
    text-align: center;
}

/* Avatarul profilului perfect rotund și cu umbră */
.hp-vendor__image img,
.hp-user__image img {
    border-radius: 50% !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.1);
    border: 4px solid #ffffff;
    transition: transform 0.3s ease;
}

.hp-vendor__image img:hover,
.hp-user__image img:hover {
    transform: rotate(5deg) scale(1.05);
}

/* Numele utilizatorului */
.hp-vendor__name,
.hp-user__name {
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: 12px;
    color: #1e293b;
}

/* ==========================================================================
   KINDIFY.ONLINE - AJUSTĂRI FINALE DESIGN
   ========================================================================== */

/* 1. Ascunderea titlului "Home" / "Acasă" doar pe prima pagină */
.home .entry-title,
.home .ast-single-post-order {
    display: none !important;
}

/* 2. Logo Super-Interactiv (Efect de ridicare 3D și umbră luminoasă) */
.custom-logo-link img {
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.4s ease !important;
}

.custom-logo-link:hover img {
    transform: translateY(-4px) scale(1.05) !important;
    filter: drop-shadow(0 10px 15px rgba(37, 99, 235, 0.3)) !important;
}

/* 3. Repararea pătratului alb de la Înregistrare / Login */
/* Eliminăm background-ul forțat care crea acel pătrat inestetic și integrăm formularul fluid */
.hp-template--user-login-page .hp-page__content,
.hp-template--user-register-page .hp-page__content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Redefinim forma doar pentru formular, făcându-l să arate ca un card elegant centrat */
.hp-form--user-register, 
.hp-form--user-login {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(255,255,255,0.5) !important;
    max-width: 500px;
    margin: 0 auto; /* Centrează formularul pe pagină */
}

/* ==========================================================================
   KINDIFY.ONLINE - FIXURI VIZUALE PENTRU MODAL ȘI HOME
   ========================================================================== */

/* 1. Ascunderea definitivă a titlului "Home" pe prima pagină (Specific pentru Astra) */
.home header.entry-header.ast-no-thumbnail,
.home .ast-container > .entry-title,
.home h1.entry-title {
    display: none !important;
}

/* 2. Curățarea ferestrei (Modalului) de Autentificare/Înregistrare */
/* Ne asigurăm că fereastra principală arată elegant */
.hp-modal__content {
    background-color: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15) !important;
    border: none !important;
}

/* Eliminăm chenarul și umbra formularului CÂND este în interiorul modalului (pentru a nu avea "cutie în cutie") */
.hp-modal__content .hp-form--user-login,
.hp-modal__content .hp-form--user-register {
    box-shadow: none !important;
    border: none !important;
    padding: 10px 20px 30px 20px !important;
    background: transparent !important;
    margin: 0 !important;
}

/* 3. Integrare Logo în fereastra de Login (Opțional, deasupra titlului) */
.hp-modal__header::before {
    content: "";
    display: block;
    width: 120px; /* Lățimea logoului */
    height: 40px; /* Înălțimea logoului */
    margin: 0 auto 15px auto;
    /* Înlocuiește URL-ul de mai jos cu link-ul către logoul tău încărcat în Media Library */
    background-image: url('link-catre-logoul-tau.png'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* ==========================================================================
   KINDIFY.ONLINE - REVIZUIRE MENIU PRINCIPAL (Astra Header)
   ========================================================================== */

/* 1. Spațierea și modernizarea textului din meniu */
.main-header-menu .menu-item > a {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #334155 !important;
    padding: 0 18px !important;
    transition: color 0.3s ease !important;
}

/* 2. Sublinierea animată la trecerea mouse-ului - acum pe VERDE */
.main-header-menu .menu-item > a::after {
    background-color: #22c55e !important; /* Verdele de la butonul tău */
}

/* 3. Transformarea butonului 'Autentificare/Register' într-un card verde solid */
/* Targetăm ultimele elemente din meniu care sunt de obicei pentru cont */
.main-header-menu .menu-item:last-child > a,
.main-header-menu .ast-custom-button {
    background-color: #22c55e !important;
    color: #ffffff !important;
    border-radius: 30px !important; /* Colțuri perfect rotunde */
    padding: 10px 24px !important;
    margin-left: 10px;
    box-shadow: 0 4px 10px rgba(34, 197, 94, 0.3) !important; /* Umbră verde */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.main-header-menu .menu-item:last-child > a:hover,
.main-header-menu .ast-custom-button:hover {
    background-color: #16a34a !important; /* Verde mai închis la hover */
    transform: translateY(-2px);
    box-shadow: 0 6px 15px rgba(34, 197, 94, 0.4) !important;
    color: #ffffff !important;
}

/* Ascundem linia de sub butonul verde (nu are sens acolo) */
.main-header-menu .menu-item:last-child > a::after {
    display: none !important;
}

/* ==========================================================================
   KINDIFY.ONLINE - TEMATICĂ 2026 (CALD, BLÂND, MODERN)
   ========================================================================== */

:root {
    /* Paleta de culori blânde 2026 */
    --kindify-primary: #10b981; /* Verde Emerald blând */
    --kindify-primary-hover: #059669;
    --kindify-accent: #fbcfe8; /* Roz foarte deschis/cald pentru interacțiuni */
    --kindify-text: #44403c; /* Gri cald (Stone) în loc de negru dur */
    --kindify-bg: #fafaf9; /* Fundal alb-cald */
    --kindify-radius-pill: 30px;
    --kindify-shadow-soft: 0 4px 20px -2px rgba(16, 185, 129, 0.15);
}

/* Aplicarea fundalului cald pe tot site-ul */
body, .site-content {
    background-color: var(--kindify-bg) !important;
    color: var(--kindify-text) !important;
}

/* Redimensionarea și finisarea butonului de Autentificare de sus */
.main-header-menu .menu-item:last-child > a,
.main-header-menu .ast-custom-button {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important; /* Gradient verde blând */
    color: #ffffff !important;
    border-radius: var(--kindify-radius-pill) !important;
    padding: 8px 18px !important; /* Mult mai mic și fin */
    font-size: 14px !important; /* Text mai mic */
    font-weight: 500 !important;
    margin-left: 15px;
    box-shadow: var(--kindify-shadow-soft) !important;
    border: 1px solid rgba(255,255,255,0.4) !important; /* Aspect de sticlă / Glassmorphism */
    transition: all 0.4s ease !important;
}

/* Interacțiune fină la hover pe buton (prinde o nuanță caldă) */
.main-header-menu .menu-item:last-child > a:hover,
.main-header-menu .ast-custom-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 25px -2px rgba(16, 185, 129, 0.3) !important;
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
}

/* Sublinierea link-urilor din meniu - transformată în roz/verde cald */
.main-header-menu .menu-item:not(:last-child) > a::after {
    background-color: var(--kindify-primary) !important;
    height: 3px !important;
    border-radius: 3px;
}

/* Modificarea butoanelor generale HivePress (Search, Submit, etc.) pentru a prelua culoarea blândă */
.hp-button--primary, 
button[type="submit"],
.kindify-btn-primary {
    background-color: var(--kindify-primary) !important;
    border: none !important;
    border-radius: 8px !important;
    transition: background-color 0.3s ease !important;
}

.hp-button--primary:hover, 
button[type="submit"]:hover,
.kindify-btn-primary:hover {
    background-color: var(--kindify-primary-hover) !important;
}

/* ==========================================================================
   KINDIFY.ONLINE - LOGO ANIMAT & INIMĂ INTERACTIVĂ
   ========================================================================== */

/* Containerul logoului */
.site-branding {
    position: relative;
    display: inline-flex;
    align-items: center;
}

/* Animație fluidă de pulsație (bătaie de inimă) */
@keyframes kindify-heartbeat {
    0% { transform: scale(1); }
    15% { transform: scale(1.05); }
    30% { transform: scale(1); }
    45% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Aplicăm pulsația ușoară pe textul/imaginea logoului */
.custom-logo-link img {
    animation: kindify-heartbeat 4s infinite ease-in-out;
}

/* Adăugăm inima verde lângă logo din cod */
.site-branding::after {
    content: '💚'; /* Inimă verde solidă */
    font-size: 26px;
    margin-left: 12px;
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    cursor: pointer;
}

/* La trecerea mouse-ului, inima se mărește și se rotește vesel */
.site-branding:hover::after {
    transform: scale(1.4) rotate(15deg);
}

/* ==========================================================================
   KINDIFY.ONLINE - FIXURI FORȚATE (ASTRA OVERRIDE) ȘI CHAT MODERN
   ========================================================================== */

/* 1. EXTINDEREA CULORILOR CALDE PE TOATE PAGINILE (Inclusiv paginile HivePress) */
body, 
#page, 
.site-content, 
.hp-page, 
.hp-template {
    background-color: #fafaf9 !important;
}

/* 2. REPARAREA DEFINITIVĂ A MODALULUI DE LOGIN (Fără dubluri) */
.hp-modal__content {
    background: #ffffff !important;
    border-radius: 20px !important;
    padding: 20px !important;
    border: none !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

/* Ascundem cutia formularului interior când e deschis în modal */
.hp-modal__content .hp-form--user-login,
.hp-modal__content .hp-form--user-register {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. FORȚAREA BUTONULUI "AUTENTIFICARE" DIN HEADER SĂ FIE FIN ȘI MODERN */
.ast-header-button-1 .ast-custom-button,
.ast-builder-menu-1 .menu-item > .ast-custom-button,
.main-header-menu .ast-custom-button {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%) !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 8px 20px !important; /* Mult mai mic */
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: 0 4px 15px rgba(16, 185, 129, 0.2) !important;
    border: none !important;
    min-height: auto !important;
    line-height: normal !important;
}

/* 4. CHAT MODERN (Stil aplicație mesagerie) */
.hp-message-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    background: #f0fdf4; /* Fundal foarte fin verde deschis pentru zona de chat */
    border-radius: 16px;
    border: 1px solid #e2e8f0;
}

.hp-message {
    max-width: 75%;
    padding: 12px 16px;
    clear: both;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    font-size: 15px;
    line-height: 1.4;
}

/* Mesajele primite (Stânga - Gri fin) */
.hp-message:not(.hp-message--sent) {
    background: #ffffff !important;
    color: #44403c !important;
    align-self: flex-start;
    border-radius: 20px 20px 20px 4px !important;
    border: 1px solid #e2e8f0;
}

/* Mesajele tale / trimise (Dreapta - Verde modern) */
.hp-message.hp-message--sent {
    background: #10b981 !important;
    color: #ffffff !important;
    align-self: flex-end;
    border-radius: 20px 20px 4px 20px !important;
    border: none !important;
}

/* Zona de scriere mesaj nou */
.hp-form--message-send {
    margin-top: 20px;
    background: #ffffff;
    padding: 15px;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

.hp-form--message-send textarea {
    border-radius: 12px !important;
    background: #fafaf9 !important;
    border: 1px solid #e2e8f0 !important;
}

/* ==========================================================================
   KINDIFY.ONLINE - DIRECTORY MODERN & WHATSAPP CHAT STYLE
   ========================================================================== */

/* 1. FORȚAREA FUNDALULUI CALD PE TOT SITE-UL (Eliminarea zonelor albe Astra) */
body, 
.site-content, 
.ast-container, 
.ast-plain-container,
.hp-page {
    background-color: #fafaf9 !important;
}

/* Ascundem widget-urile inutile și marginile albe din paginile de profil/login */
.ast-separate-container .ast-article-single, 
.ast-separate-container .ast-article-post,
.ast-plain-container .site-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. INTERFAȚA DE CHAT (Stil WhatsApp Web) */
/* Transformăm pagina de mesaje într-un card de chat modern */
.hp-template--messages-view-page .hp-page__content {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.1) !important;
    max-width: 800px;
    margin: 40px auto !important;
    border: 1px solid #e2e8f0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Fereastra cu lista de mesaje (Scrollabil ca în aplicații) */
.hp-message-list {
    background: #efeae2 !important; /* Fundal tipic aplicațiilor de chat */
    padding: 30px 20px !important;
    height: 500px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    border: none !important;
}

/* Bula generală de mesaj */
.hp-message {
    max-width: 65%;
    padding: 12px 18px !important;
    font-size: 15px;
    line-height: 1.5;
    position: relative;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1) !important;
}

/* Mesajul partenerului (Stânga - Alb) */
.hp-message:not(.hp-message--sent) {
    background: #ffffff !important;
    color: #334155 !important;
    align-self: flex-start;
    border-radius: 0px 15px 15px 15px !important; /* Colț ascuțit stânga-sus */
}

/* Mesajul tău (Dreapta - Verde WhatsApp) */
.hp-message.hp-message--sent {
    background: #dcf8c6 !important; /* Verde clasic mesagerie */
    color: #1e293b !important;
    align-self: flex-end;
    border-radius: 15px 0px 15px 15px !important; /* Colț ascuțit dreapta-sus */
}

/* Zona de tastare a mesajului (Fixată jos, ca în aplicații) */
.hp-form--message-send {
    background: #f0f2f5 !important;
    padding: 15px 20px !important;
    margin: 0 !important;
    border-top: 1px solid #d1d5db;
    border-radius: 0 0 20px 20px;
}

.hp-form--message-send .hp-form__field {
    background: #ffffff !important;
    border-radius: 24px !important;
    border: none !important;
    padding: 12px 20px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* 3. REPARARE FORMULARE DE AUTENTIFICARE (Design Directory 2026) */
.hp-form--user-login,
.hp-form--user-register {
    background: #ffffff !important;
    padding: 40px !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 35px rgba(16, 185, 129, 0.08) !important;
    border: 1px solid rgba(16, 185, 129, 0.1) !important;
    max-width: 450px;
    margin: 40px auto !important;
}

/* Eliminăm footer-ul Astra dacă apare text inestetic jos */
.site-footer {
    border-top: 1px solid #e2e8f0;
    background: #ffffff !important;
}