/*
Theme Name: ListingHive Child
Theme URI: https://hivepress.io/themes/listinghive
Template: listinghive
Author: HivePress
Author URI: https://hivepress.io
Description: A multipurpose WordPress theme that allows you to build any type of directory and listing websites. Whether it’s a business directory, job board, real estate, classifieds or basically any listing website — ListingHive is a great choice for it.
Tags: right-sidebar,custom-colors,custom-menu,custom-logo,custom-header,featured-image-header,featured-images,footer-widgets,theme-options,threaded-comments,translation-ready
Version: 1.2.11.1769356520
Updated: 2026-01-25 15:55:20

*/
/* Face header-ul fix */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transition: background 0.3s ease;
}

/* Împinge restul conținutului sub header ca să nu fie acoperit */
body {
    padding-top: 90px; 
}

/* Ajustare pentru bara neagră de Admin WordPress */
.admin-bar .site-header {
    top: 32px;
}

/* Ajustare pentru ecrane mici (mobil) */
@media screen and (max-width: 782px) {
    .admin-bar .site-header {
        top: 46px;
    }
    body {
        padding-top: 70px;
    }
}
/* Stilizează butonul de Adaugă Anunț conform inspectării tale */
button.hp-menu__item--listing-submit {
    background-color: #ffc107 !important; /* Galben miere */
    color: #000000 !important; /* Text negru */
    border-radius: 50px !important; /* Formă rotunjită */
    border: none !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
}

/* Stilizează iconița de plus din interiorul butonului */
button.hp-menu__item--listing-submit i {
    color: #000000 !important;
    margin-right: 5px;
}

/* Efect de hover */
button.hp-menu__item--listing-submit:hover {
    background-color: #e6af00 !important;
    transform: translateY(-2px); /* Se ridică ușor */
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.4);
}
/* 1. Forțăm containerul mare să permită așezarea pe mai multe rânduri */
.header-navbar {
    flex-wrap: wrap !important;
    flex-direction: row !important;
}

/* 2. Titlul (Start) ocupă jumătate din rândul de sus */
.header-navbar__start {
    flex: 1;
}

/* 3. Containerul End (care conține meniul și butonul) îl forțăm să ocupe restul spațiului și să se fragmenteze */
.header-navbar__end {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    flex: 2; /* Ocupă restul rândului de sus */
}

/* 4. Butonul Adaugă Anunț rămâne sus în dreapta */

/* 5. MENIUL: Îl forțăm să sară pe rândul următor ocupând 100% lățime */
.header-navbar__menu {
    order: 2; /* Vine după acțiuni */
    flex: 0 0 100% !important; /* Ocupă tot rândul nou */
    width: 100% !important;
    padding-top: 13px;
}

/* 6. Stil pentru link-urile din meniu (Gri Antracit) */
.header-navbar__menu a {
    color: #374151 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px;
}

/* Ajustare Body pentru înălțimea nouă */
body {
    padding-top: 150px !important;
}
/* Stil pentru banda nouă de meniu */
.header-menu-bar {
    background-color: #374151 !important; /* Gri Antracit */
    border-top: 1px solid #e5e7eb;
    width: 100%;
}

/* Aliniere meniu în interiorul benzii */
.header-menu-bar .header-navbar__menu {
    display: flex !important;
    justify-content: flex-start;
}

.header-menu-bar .header-navbar__menu ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 10px 0;
    gap: 20px;
}

/* Stil butoane meniu */
.header-menu-bar .header-navbar__menu ul li a {
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    transition: color 0.2s ease;
}

.header-menu-bar .header-navbar__menu ul li a:hover {
    color: #ffc107 !important; /* Galben miere la hover */
}

/* Ascunde meniul vechi care ar putea rămâne blocat în header-navbar__end pe desktop */
.header-navbar__end .header-navbar__menu {
    display: none !important;
}
/* Alinierea pe orizontală a elementelor din colțul dreapta sus */


/* Ne asigurăm că link-ul de autentificare nu are margini care să-l împingă jos */


/* Dacă butonul galben are vreo setare de display block, o corectăm */

/* --- CURĂȚENIE ȘI FINISAJE --- */

/* 1. Elimină Autentificarea din banda gri de jos */
.header-menu-bar .hp-menu__item--user-login, 
.header-menu-bar .hp-menu__item--user-account {
    display: none !important;
}

/* 2. Stilizează Autentificarea de sus (lângă butonul galben) */
.header-navbar__actions .hp-menu__item--user-login {
    color: #374151 !important; /* Gri antracit */
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    display: flex !important;
    align-items: center;
    transition: color 0.2s;
    margin-right: 15px; /* Spațiu până la butonul galben */
}

/* Schimbăm culoarea iconiței din albastru în gri */
.header-navbar__actions .hp-menu__item--user-login i {
    color: #374151 !important;
    margin-right: 8px;
}

.header-navbar__actions .hp-menu__item--user-login:hover,
.header-navbar__actions .hp-menu__item--user-login:hover i {
    color: #ffc107 !important; /* Galben la hover */
}

/* 3. Aliniere orizontală perfectă pentru zona de acțiuni */
.header-navbar__actions {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end;
}
/* Stil pentru banda de meniu (rândul 2) */
.header-menu-bar {
    background-color: #374151 !important; /* Gri Antracit */
    border-top: 1px solid #4b5563;
    border-bottom: 1px solid #4b5563;
}

/* Containerul listei de meniu */
.header-menu-bar .header-navbar__menu ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    border-left: 1px solid #ffffff33; /* Bordură discretă la începutul listei */
}

/* Elementele de meniu (butoanele) */
.header-menu-bar .header-navbar__menu ul li {
    margin: 0;
    border-right: 1px solid #ffffff33; /* Bordura albă (semi-transparentă) între butoane */
}

/* Link-urile din interiorul butoanelor */
.header-menu-bar .header-navbar__menu ul li a {
    display: block;
    padding: 12px 25px !important; /* Spațiu generos în interiorul butonului */
    color: #ffffff !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    text-decoration: none;
    transition: background 0.3s ease;
}

/* Efect de hover pentru butoane */
.header-menu-bar .header-navbar__menu ul li a:hover {
    background-color: #4b5563 !important; /* Schimbă nuanța de gri la trecerea mouse-ului */
    color: #ffc107 !important; /* Textul se face galben */
}

/* Eliminăm marginea de jos a meniului dacă există */
.header-navbar__menu {
    margin-bottom: 0 !important;
}
/* --- STILIZARE SUBMENIURI (DROP-DOWN) --- */

/* 1. Fundalul containerului de submeniu */
.header-menu-bar .header-navbar__menu ul li ul {
    background-color: #374151 !important; /* Același gri antracit */
    border: 1px solid #4b5563 !important; /* Bordură discretă */
    box-shadow: 0 4px 10px rgba(0,0,0,0.3) !important;
    padding: 0 !important;
    min-width: 200px !important; /* Lățime minimă pentru lizibilitate */
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
}

/* 2. Elementele din interiorul submeniului (link-urile) */
.header-menu-bar .header-navbar__menu ul li ul li {
    width: 100% !important;
    border-right: none !important; /* Scoatem bordura verticală aici */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Linii orizontale între opțiuni */
}

.header-menu-bar .header-navbar__menu ul li ul li a {
    padding: 12px 20px !important;
    text-transform: none !important; /* Submeniurile arată mai bine cu litere mici/mari normale */
    font-size: 13px !important;
    color: #ffffff !important;
    display: block !important;
}

/* 3. Efect de Hover în submeniu */
.header-menu-bar .header-navbar__menu ul li ul li a:hover {
    background-color: #4b5563 !important;
    color: #ffc107 !important; /* Textul se face galben la hover */
}

/* 4. Eliminăm linia galbenă sau orice decorație care apare la hover pe submeniu */
.header-menu-bar .header-navbar__menu ul li ul li a::after {
    display: none !important;
}
/* Ascundem submeniurile implicit */
.header-menu-bar .header-navbar__menu ul li ul {
    display: none !important; /* Forțăm starea închisă la încărcare */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Le afișăm DOAR când mouse-ul este deasupra părintelui */
.header-menu-bar .header-navbar__menu ul li:hover > ul {
    display: block !important; /* Apare doar la hover */
    visibility: visible;
    opacity: 1;
}
/* --- REGLAJ SUBMENIURI LUNGIME VARIABILĂ --- */

.header-menu-bar .header-navbar__menu ul li ul {
    display: none !important;
    position: absolute !important;
    background-color: #374151 !important;
    
    /* SETĂRI PENTRU LĂȚIME VARIABILĂ */
    min-width: max-content !important; /* Se lățește până la cel mai lung text */
    width: auto !important;            /* Permite redimensionarea automată */
    max-width: 300px !important;       /* Punem totuși o limită să nu iasă din ecran */
    
    padding: 5px 0 !important;
    z-index: 1000;
}

.header-menu-bar .header-navbar__menu ul li ul li {
    width: 100% !important;
    border: none !important; /* Eliminăm bordurile verticale în drop-down */
}

.header-menu-bar .header-navbar__menu ul li ul li a {
    /* Împiedicăm textul să sară pe rândul următor */
    white-space: nowrap !important; 
    padding: 7px 20px !important;
    text-align: left !important;
}

/* Afișare la hover */
.header-menu-bar .header-navbar__menu ul li:hover > ul {
    display: block !important;
    opacity: 1;
    visibility: visible;
}
.header-menu-bar .header-navbar__menu ul li {
    position: relative !important;
}
/* --- REGLAJ ECHILIBRU HEADER --- */

/* Împiedicăm titlul/logo-ul să se strângă */
.header-navbar__start {
    flex-shrink: 0 !important; /* Nu-i dăm voie să se micșoreze */
    flex-grow: 0 !important;
    white-space: nowrap !important; /* Forțează titlul pe un singur rând */
}

/* Centrul devine flexibil, dar cu limite clare */
.header-navbar__center {
    flex: 1 !important; 
    display: flex;
    justify-content: center; /* Centrează vizual bara de căutare */
    padding: 0 40px; /* Creează distanță egală față de margini */
}

/* Fixăm lățimea barei de căutare să nu "fure" tot spațiul */
.search-form-header {
    width: 100%;
    max-width: 350px; /* O dimensiune sigură care lasă loc tuturor */
    background: #f3f4f6;
    border-radius: 50px;
    padding: 5px 15px;
    display: flex;
    align-items: center;
}

/* Zona de butoane din dreapta rămâne fixă */
.header-navbar__end {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center;
}
/* 1. Asigurăm ancora pe bara de meniu */
.header-menu-bar {
    position: relative !important;
    overflow: visible !important; /* Esențial pentru ca lupa să poată ieși sub bară */
}

/* 2. Poziționăm lupa să atârne dedesubt */
.search-hanging-tab {
    position: absolute !important;
    right: 20px !important; /* O depărtăm puțin de marginea ecranului */
    top: 100% !important;   /* O împinge exact sub bara gri */
    display: flex !important;
    align-items: center;
    background-color: #374151 !important; /* Același gri ca bară pentru continuitate */
    border: 1px solid rgba(0, 212, 255, 0.3);
    border-top: none; /* Să pară că iese din bară */
    padding: 2px 15px !important;
    border-radius: 0 0 10px 10px; /* Rotunjim doar colțurile de jos */
    z-index: 100;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* 3. Iconița Cyan */
.search-toggle-tab {
    background: none !important;
    border: none !important;
    color: #00d4ff !important; 
    font-size: 16px;
    cursor: pointer;
}

/* 4. Expansiunea barei de căutare */
.search-hanging-tab.is-open {
    min-width: 250px;
}

.search-input-tab {
    width: 0;
    opacity: 0;
    border: none !important;
    background: transparent !important;
    color: white !important;
    transition: all 0.3s ease;
}

.search-hanging-tab.is-open .search-input-tab {
    width: 200px;
    opacity: 1;
    padding-left: 10px;
}
/* --- EFECTE DE INTERACȚIUNE PENTRU LUPA ATÂRNATĂ --- */

/* Pregătim tranziția fină pentru toate proprietățile */
.search-hanging-tab {
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

/* Efectul când treci cu mouse-ul peste tab-ul închis */
.search-hanging-tab:hover {
    background-color: #4b5563 !important; /* Devine un gri mai deschis */
    padding-top: 12px !important; /* Se "alungește" puțin în jos */
    box-shadow: 0 6px 12px rgba(0, 212, 255, 0.2) !important; /* Glow slab Cyan */
}

/* Schimbăm culoarea lupei la hover */
.search-hanging-tab:hover .search-toggle-tab {
    color: #ffffff !important; /* Lupa devine albă la hover */
    transform: scale(1.2); /* Crește ușor în dimensiune */
}

/* Dacă tab-ul este deschis (is-open), nu mai vrem să se miște la hover */
.search-hanging-tab.is-open:hover {
    padding-top: 8px !important; 
    cursor: default;
}
.search-hanging-tab.is-open {
    min-width: 280px !important; /* Lățimea la care se deschide */
    background-color: #4b5563 !important;
}

.search-hanging-tab.is-open .search-input-tab {
    width: 200px !important;
    opacity: 1 !important;
    padding-left: 10px !important;
    display: block !important;
}
/* --- CULOARE PLACEHOLDER (TEXT AJUTĂTOR) --- */

/* Pentru Chrome, Safari, Edge și Opera */
.search-input-tab::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
    opacity: 1 !important;
}

/* Pentru Firefox */
.search-input-tab::-moz-placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
    opacity: 1 !important;
}

/* Pentru Internet Explorer/Edge vechi */
.search-input-tab:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9) !important;
}
.pastoral-wrapper {
    padding: 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.map-header {
    margin-bottom: 20px;
    border-left: 5px solid #00d4ff;
    padding-left: 15px;
}

.map-header h2 {
    color: #1f2937;
    margin: 0;
}