/* ===================================================== MODERN CSS - VIDRO.RO Design complet: Home, Listare, Produs, Creare anunț ===================================================== *//* -------------------- VARIABILE & RESET -------------------- */:root { --primary: #2c7da0; --primary-dark: #1f5e7a; --primary-light: #e6f4f5; --accent: #ffb703; --success: #28a745; --danger: #dc3545; --warning: #ffc107; --info: #17a2b8; --dark: #212529; --gray-100: #f8f9fa; --gray-200: #e9ecef; --gray-300: #dee2e6; --gray-400: #ced4da; --gray-500: #adb5bd; --gray-600: #6c757d; --gray-700: #495057; --gray-800: #343a40; --gray-900: #212529; --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05); --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --radius-sm: 0.375rem; --radius: 0.5rem; --radius-lg: 0.75rem; --radius-xl: 1rem; /* Spațiere carduri */ --card-gap-desktop: 1.5rem; --card-gap-tablet: 1rem; --card-gap-mobile: 0.75rem; --card-padding-desktop: 0; --card-padding-mobile: 0;}* { margin: 0; padding: 0; box-sizing: border-box;}body { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; background-color: var(--gray-100); color: var(--gray-800); line-height: 1.5;}/* -------------------- TIPOGRAFIE -------------------- */h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.25; color: var(--gray-900);}h1 { font-size: 1.75rem; letter-spacing: -0.01em;}h2 { font-size: 1.5rem; letter-spacing: -0.01em;}h3 { font-size: 1.25rem;}a { text-decoration: none; color: var(--primary); transition: color 0.2s ease;}a:hover { color: var(--primary-dark);}/* -------------------- BUTOANE -------------------- */.btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.625rem 1.25rem; font-weight: 500; font-size: 0.875rem; line-height: 1; border-radius: var(--radius); transition: all 0.2s ease; cursor: pointer; border: 1px solid transparent;}.btn-primary { background: var(--primary); color: white; box-shadow: var(--shadow-sm);}.btn-primary:hover { background: var(--primary-dark); transform: translateY(-1px); box-shadow: var(--shadow);}.btn-outline { background: transparent; border-color: var(--gray-300); color: var(--gray-700);}.btn-outline:hover { background: var(--gray-100); border-color: var(--gray-400);}.btn-listing { background: linear-gradient(135deg, #ffeb43 0%, #fcde11 100%); border: none; color: #333 !important; font-weight: 700; padding: 0.75rem 1.5rem; border-radius: var(--radius); box-shadow: var(--shadow-sm);}.btn-listing:hover { transform: translateY(-1px); box-shadow: var(--shadow);}/* -------------------- NAVIGARE -------------------- */.navbar { background: white !important; box-shadow: var(--shadow); padding: 0.75rem 0;}.navbar .navbar-brand img { max-height: 50px; width: auto;}.navbar .nav-link { color: var(--gray-700); font-weight: 500; padding: 0.5rem 1rem; border-radius: var(--radius-sm);}.navbar .nav-link:hover { color: var(--primary); background: var(--gray-100);}/* -------------------- BARĂ DE CĂUTARE -------------------- */.serp-search-bar { background: white; border-radius: var(--radius-lg); padding: 0.75rem; box-shadow: var(--shadow); margin-bottom: 1.5rem;}.serp-search-bar .bg-primary { background: transparent !important; padding: 0 !important;}.serp-search-bar select,.serp-search-bar input { border-radius: var(--radius); border: 1px solid var(--gray-300); padding: 0.75rem 1rem; font-size: 0.875rem; transition: all 0.2s ease;}.serp-search-bar select:focus,.serp-search-bar input:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(44, 125, 160, 0.1); outline: none;}.serp-search-bar .btn-primary { background: var(--primary); width: 100%; padding: 0.75rem;}/* -------------------- CARDURI ANUNȚURI (HOME & LISTARE) -------------------- *//* Container pentru grid-ul de carduri */.row.d-flex.align-content-between { margin: 0 calc(-1 * var(--card-gap-desktop) / 2);}/* Stiluri pentru desktop (ecrane mari) */@media (min-width: 992px) { .item-list { background: white; border-radius: var(--radius-lg); margin-bottom: var(--card-gap-desktop); transition: all 0.2s ease; box-shadow: var(--shadow-sm); overflow: hidden; padding: var(--card-padding-desktop); } /* Controlul spațierii între carduri în grid */ .col-sm-9, .col-12 { padding-left: calc(var(--card-gap-desktop) / 2); padding-right: calc(var(--card-gap-desktop) / 2); } .item-list:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }}/* Stiluri pentru tabletă */@media (min-width: 768px) and (max-width: 991.98px) { .item-list { background: white; border-radius: var(--radius-lg); margin-bottom: var(--card-gap-tablet); transition: all 0.2s ease; box-shadow: var(--shadow-sm); overflow: hidden; padding: var(--card-padding-desktop); } .col-sm-9, .col-12 { padding-left: calc(var(--card-gap-tablet) / 2); padding-right: calc(var(--card-gap-tablet) / 2); } .item-list:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }}/* Stiluri pentru mobil (ecrane mici) */@media (max-width: 767.98px) { .item-list { background: white; border-radius: var(--radius-lg); margin-bottom: var(--card-gap-mobile); transition: all 0.2s ease; box-shadow: var(--shadow-sm); overflow: hidden; padding: var(--card-padding-mobile); } /* Ajustare pentru carduri mai compacte pe mobil */ .card-item { margin: 0; } .item-list:last-child { margin-bottom: 0; } /* Reduc spațierea dintre carduri pe mobil */ .row { margin-left: -0.5rem; margin-right: -0.5rem; } .col-12 { padding-left: 0.5rem; padding-right: 0.5rem; } .item-list:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }}.card-item { display: flex; flex-wrap: wrap; padding: 0;}.add-image { position: relative; overflow: hidden; background: var(--gray-200); border-radius: var(--radius-lg) 0 0 var(--radius-lg);}.add-image img { width: 100%; height: 160px; object-fit: cover; transition: transform 0.3s ease;}.item-list:hover .add-image img { transform: scale(1.05);}.add-desc-box { padding: 1rem; position: relative;}.add-title { font-size: 1rem; font-weight: 600; margin-bottom: 0.5rem;}.add-title a { color: var(--gray-900);}.add-title a:hover { color: var(--primary);}.item-meta { font-size: 0.75rem; color: var(--gray-500); display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem;}.item-price { color: var(--primary); font-weight: 700; font-size: 1.125rem; margin-top: 0.5rem;}.badge-promoted { position: absolute; bottom: 0; left: 0; background: linear-gradient(135deg, var(--primary), var(--primary-dark)); color: white; font-size: 0.7rem; font-weight: 600; padding: 0.25rem 0.75rem; border-radius: 0 var(--radius-sm) 0 0; text-transform: uppercase; letter-spacing: 0.5px;}.photo-count { position: absolute; bottom: 0.5rem; right: 0.5rem; background: rgba(0, 0, 0, 0.6); color: white; font-size: 0.7rem; padding: 0.25rem 0.5rem; border-radius: var(--radius-sm); backdrop-filter: blur(4px);}/* Ajustări specifice pentru carduri pe mobil */@media (max-width: 767.98px) { .add-image img { height: 140px; } .add-desc-box { padding: 0.75rem; } .add-title { font-size: 0.9375rem; margin-bottom: 0.375rem; } .item-price { font-size: 1rem; margin-top: 0.375rem; } .item-meta { font-size: 0.7rem; gap: 0.375rem; } .badge-promoted { font-size: 0.65rem; padding: 0.2rem 0.6rem; }}/* -------------------- SIDEBAR FILTRE -------------------- */.page-sidebar { background: white; border-radius: var(--radius-lg); padding: 0; overflow: hidden; box-shadow: var(--shadow-sm);}.sidebar-modern-inner { padding: 1rem;}.block-title { font-size: 1rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.75rem; border-bottom: 2px solid var(--gray-200);}.block-title h5 { margin: 0; font-size: 1rem;}.block-content { margin-bottom: 1.5rem;}.block-content ul { list-style: none; padding: 0; margin: 0;}.block-content li { margin-bottom: 0.5rem;}.block-content li a { color: var(--gray-700); font-size: 0.875rem; display: block; padding: 0.25rem 0; transition: all 0.2s ease;}.block-content li a:hover { color: var(--primary); padding-left: 0.25rem;}.block-content .maxlist-more a { color: var(--primary); font-size: 0.8rem; font-weight: 500;}/* -------------------- SLIDER PREȚ -------------------- */.number-range-slider { margin-bottom: 1rem;}.noUi-connect { background: var(--primary);}.noUi-handle { background: white; border: 2px solid var(--primary); box-shadow: var(--shadow-sm);}.noUi-handle:before,.noUi-handle:after { background: var(--primary);}/* -------------------- LISTARE ANUNȚURI -------------------- */.listing-filter { background: white; border-radius: var(--radius); padding: 0.75rem 1rem; margin-bottom: 1rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.75rem; box-shadow: var(--shadow-sm);}.listing-view-action { display: flex; gap: 0.5rem;}.listing-view-action span { cursor: pointer; padding: 0.25rem; color: var(--gray-500); transition: color 0.2s ease;}.listing-view-action span.active,.listing-view-action span:hover { color: var(--primary);}/* -------------------- MOBILE FILTER BAR -------------------- */.mobile-filter-bar { display: none; background: white; border-radius: var(--radius); padding: 0.75rem; margin-bottom: 1rem; box-shadow: var(--shadow-sm);}/* -------------------- MOBILE BOTTOM NAV -------------------- */.mobile-bottom-nav { position: fixed; bottom: 0; left: 0; right: 0; background: white; border-top: 1px solid var(--gray-200); display: flex; justify-content: space-around; align-items: center; height: 65px; z-index: 1030; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);}.mobile-bottom-nav a { display: flex; flex-direction: column; align-items: center; gap: 0.25rem; font-size: 0.7rem; color: var(--gray-600); transition: color 0.2s ease;}.mobile-bottom-nav a:hover { color: var(--primary);}.mobile-bottom-nav svg { width: 22px; height: 22px;}/* Ascundere pe pagina de creare anunț */body:has(form#payableForm) .mobile-bottom-nav { display: none !important;}body:has(form#payableForm) { padding-bottom: 0 !important;}/* -------------------- FOOTER -------------------- */.main-footer { background: white; border-top: 1px solid var(--gray-200); margin-top: 3rem; padding: 2rem 0 1rem;}.footer-title { font-size: 1rem; font-weight: 600; margin-bottom: 1rem; color: var(--gray-800);}.footer-nav { list-style: none; padding: 0; margin: 0;}.footer-nav li { margin-bottom: 0.5rem;}.footer-nav a { color: var(--gray-600); font-size: 0.875rem; transition: color 0.2s ease;}.footer-nav a:hover { color: var(--primary);}.social-links { display: flex; gap: 1rem; margin-top: 0.5rem;}.social-links a { font-size: 1.5rem; color: var(--gray-600);}.social-links a:hover { color: var(--primary);}.copy-info { font-size: 0.75rem; color: var(--gray-500);}/* -------------------- ANIMAȚII -------------------- */@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); }}.fade-in { animation: fadeIn 0.4s ease-out;}/* ===================================================== PAGINA PRODUS (DETALII ANUNȚ) ===================================================== */.items-details-wrapper { background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow); overflow: hidden; margin-bottom: 1.5rem;}.items-details-wrapper h1 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 0.75rem; padding: 1.25rem 1.25rem 0;}.items-details-wrapper .info-row { display: flex; flex-wrap: wrap; gap: 1rem; padding: 0 1.25rem 1rem; border-bottom: 1px solid var(--gray-200); font-size: 0.875rem; color: var(--gray-600);}.items-details-wrapper .info-row i { margin-right: 0.375rem; color: var(--gray-500);}/* GALERIE IMAGINI */.gallery-container { padding: 0 1.25rem; margin-bottom: 1rem;}.main-gallery { border-radius: var(--radius-lg); overflow: hidden; background: var(--gray-100);}.main-gallery .swiper-slide { display: flex; justify-content: center; align-items: center; background: var(--gray-100); cursor: pointer;}.main-gallery .swiper-slide img { width: 100%; height: auto; max-height: 500px; object-fit: contain; transition: transform 0.3s ease;}.main-gallery .swiper-button-next,.main-gallery .swiper-button-prev { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.9); border-radius: 50%; box-shadow: var(--shadow); backdrop-filter: blur(4px);}.main-gallery .swiper-button-next:after,.main-gallery .swiper-button-prev:after { font-size: 1rem; font-weight: bold; color: var(--gray-700);}.thumbs-gallery { margin-top: 0.75rem; cursor: pointer;}.thumbs-gallery .swiper-slide { opacity: 0.6; transition: opacity 0.2s ease; border-radius: var(--radius); overflow: hidden; border: 2px solid transparent;}.thumbs-gallery .swiper-slide-thumb-active { opacity: 1; border-color: var(--primary);}.thumbs-gallery .swiper-slide img { width: 100%; height: 80px; object-fit: cover; border-radius: calc(var(--radius) - 2px);}/* DETALII ANUNȚ (TAB-URI) */.items-details { padding: 0 1.25rem;}.items-details .nav-tabs { border-bottom: 2px solid var(--gray-200); gap: 0.5rem;}.items-details .nav-tabs .nav-link { border: none; font-weight: 600; color: var(--gray-600); padding: 0.75rem 1rem; margin-bottom: -2px; transition: all 0.2s ease; position: relative;}.items-details .nav-tabs .nav-link:hover { color: var(--primary); background: transparent;}.items-details .nav-tabs .nav-link.active { color: var(--primary); background: transparent; border-bottom: 2px solid var(--primary);}.tab-content { background: white; padding: 1.5rem 0;}/* INFORMAȚII PRODUS */.items-details-info h4 { font-size: 0.875rem; color: var(--gray-700); margin-bottom: 0.5rem;}.items-details-info h4 span { color: var(--gray-900); font-weight: 500;}.items-details-info hr { margin: 1rem 0; opacity: 0.5;}.detail-line-content { font-size: 0.9375rem; line-height: 1.6; color: var(--gray-700);}.detail-line-content p { margin-bottom: 1rem;}.detail-line-content ul { margin: 0.75rem 0 0.75rem 1.5rem;}.detail-line-content li { margin-bottom: 0.375rem;}/* ACȚIUNI (FAVORITE, RAPORT) */.items-details-info .row.text-center { background: var(--gray-100); border-radius: var(--radius-lg); padding: 1rem; margin-top: 1.5rem;}.items-details-info .row.text-center a { color: var(--gray-600); font-size: 1.5rem; transition: all 0.2s ease; display: inline-block;}.items-details-info .row.text-center a:hover { color: var(--primary); transform: translateY(-2px);}/* BUTOANE CONTACT */.content-footer { padding: 1rem 1.25rem 1.5rem; display: flex; flex-wrap: wrap; gap: 0.75rem; border-top: 1px solid var(--gray-200);}.content-footer .btn { flex: 1; min-width: 120px; padding: 0.75rem 1rem; font-weight: 500; border-radius: var(--radius); display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;}.content-footer .btn-warning { background: linear-gradient(135deg, #ffc107, #ffb300); border: none; color: var(--gray-900);}.content-footer .btn-warning:hover { background: linear-gradient(135deg, #ffb300, #ffa000); transform: translateY(-1px);}.content-footer .btn-success { background: linear-gradient(135deg, #25d366, #128c7e); border: none;}.content-footer .btn-success:hover { background: linear-gradient(135deg, #20b859, #0e6b5f); transform: translateY(-1px);}.content-footer .btn-default { background: var(--gray-100); border: 1px solid var(--gray-300); color: var(--gray-700);}.content-footer .btn-default:hover { background: var(--gray-200); transform: translateY(-1px);}/* SIDEBAR DREAPTA (PUBLICAT DE) */.page-sidebar-right { margin-bottom: 1.5rem;}.card-user-info { background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow); overflow: hidden; margin-bottom: 1.5rem;}.block-cell.user { display: flex; align-items: center; gap: 1rem; padding: 1.25rem; border-bottom: 1px solid var(--gray-200);}.cell-media img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; background: var(--gray-200);}.cell-content .title { font-size: 0.75rem; color: var(--gray-500); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 0.25rem;}.cell-content .name { font-size: 1rem; font-weight: 600;}.cell-content .name a { color: var(--gray-900);}.cell-content .name a:hover { color: var(--primary);}.card-content { padding: 1.25rem;}.grid-col { display: flex; justify-content: space-between; margin-bottom: 0.75rem; font-size: 0.875rem;}.grid-col .from { color: var(--gray-600);}.grid-col .to { color: var(--gray-800); font-weight: 500;}.ev-action { padding: 1.25rem; border-top: 1px solid var(--gray-200); display: flex; flex-direction: column; gap: 0.75rem;}.ev-action .btn { width: 100%; padding: 0.75rem;}/* SOCIAL SHARE */.social-share { background: white; border-radius: var(--radius-lg); padding: 1rem; box-shadow: var(--shadow); display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap;}.social-share span { font-size: 1.25rem; color: var(--gray-500);}.social-share a { font-size: 1.5rem; transition: transform 0.2s ease;}.social-share a:hover { transform: translateY(-2px);}.social-share .facebook { color: #1877f2; }.social-share .x-twitter { color: #1da1f2; }.social-share .linkedin { color: #0a66c2; }.social-share .whatsapp { color: #25d366; }.social-share .telegram { color: #26a5e4; }/* CARD SFATURI */.card.sidebar-card { background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow); overflow: hidden;}.card.sidebar-card .card-header { background: var(--primary-light); padding: 1rem 1.25rem; font-weight: 600; color: var(--primary-dark); border-bottom: 1px solid var(--gray-200); font-size: 0.9375rem;}.card.sidebar-card .card-body { padding: 1.25rem;}.list-check { list-style: none; padding: 0; margin: 0;}.list-check li { position: relative; padding-left: 1.5rem; margin-bottom: 0.75rem; font-size: 0.8125rem; color: var(--gray-700); line-height: 1.4;}.list-check li:before { content: "✓"; position: absolute; left: 0; color: var(--success); font-weight: bold;}/* ANUNȚURI SIMILARE */.box-title { margin-bottom: 1rem;}.box-title h2 { font-size: 1.25rem; font-weight: 600; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem;}.box-title .sell-your-item { font-size: 0.875rem; font-weight: normal; color: var(--primary);}.featured-list-slider .item { background: white; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-sm); transition: all 0.2s ease; margin: 0.5rem;}.featured-list-slider .item:hover { transform: translateY(-2px); box-shadow: var(--shadow-md);}.item-carousel-thumb { position: relative; display: block; overflow: hidden;}.item-carousel-thumb img { width: 100%; height: 160px; object-fit: cover; transition: transform 0.3s ease;}.featured-list-slider .item:hover .item-carousel-thumb img { transform: scale(1.05);}.item-name { display: block; padding: 0.75rem 0.75rem 0.25rem; font-size: 0.875rem; font-weight: 500; color: var(--gray-800); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.price { display: block; padding: 0 0.75rem 0.75rem; font-weight: 700; color: var(--primary); font-size: 1rem;}/* MOBILE STICKY BUTTONS */#sticky_holder { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(12px); display: flex; justify-content: space-around; align-items: center; padding: 0.75rem 1rem; border-top: 1px solid var(--gray-200); z-index: 1000; box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.05);}.action-button { display: flex; align-items: center; gap: 0.5rem; padding: 0.625rem 1rem; border-radius: 2rem; font-size: 0.875rem; font-weight: 500; color: var(--gray-700); background: transparent; transition: all 0.2s ease; cursor: pointer;}.action-button:hover { background: var(--gray-100);}.action-button.phone { color: var(--primary); }.action-button.whatsapp { color: #25d366; }.share-options-bottom { position: absolute; bottom: 3rem; right: 0; background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); padding: 0.5rem; display: none; flex-direction: column; gap: 0.25rem; z-index: 1001;}.share-options-bottom.open { display: flex; }.share-options-bottom a { padding: 0.5rem 1rem; font-size: 1.25rem; transition: background 0.2s ease; border-radius: var(--radius);}.share-options-bottom a:hover { background: var(--gray-100); }/* ===================================================== PAGINA ADAUGĂ ANUNȚ (CREATE) ===================================================== */.page-content .inner-box.category-content { background: white; border-radius: var(--radius-lg); box-shadow: var(--shadow); padding: 1.5rem; margin-bottom: 2rem;}.page-content .inner-box.category-content h2.title-2 { font-size: 1.5rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 2px solid var(--gray-200);}/* Formular */.form-horizontal fieldset { display: flex; flex-direction: column; gap: 1.5rem;}.form-horizontal .row.mb-3 { margin-bottom: 0 !important;}.form-horizontal .col-md-3.col-form-label { font-weight: 600; color: var(--gray-700); font-size: 0.875rem; padding-top: 0.625rem;}.form-horizontal .form-control,.form-horizontal .input-group .form-control { border: 1px solid var(--gray-300); border-radius: var(--radius); padding: 0.625rem 1rem; font-size: 0.875rem; transition: all 0.2s ease; background-color: white;}.form-horizontal .form-control:focus,.form-horizontal .input-group .form-control:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(44, 125, 160, 0.1); outline: none;}.input-group { border-radius: var(--radius); overflow: hidden;}.input-group-text { background-color: var(--gray-100); border: 1px solid var(--gray-300); color: var(--gray-600); font-size: 0.875rem; padding: 0.5rem 0.75rem;}/* Select2 */.select2-container--default .select2-selection--single { border: 1px solid var(--gray-300); border-radius: var(--radius); height: 42px; padding: 0.375rem 0;}.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 42px; padding-left: 1rem; color: var(--gray-700);}.select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px;}.select2-container--default .select2-selection--multiple { border: 1px solid var(--gray-300); border-radius: var(--radius); padding: 0.25rem 0.5rem;}.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(44, 125, 160, 0.1);}/* Câmpul categorie */#catsContainer .cat-link { display: flex; align-items: center; justify-content: space-between; background: var(--gray-100); border: 1px solid var(--gray-300); border-radius: var(--radius); padding: 0.75rem 1rem; color: var(--gray-700); font-size: 0.875rem; transition: all 0.2s ease; cursor: pointer;}#catsContainer .cat-link:hover { border-color: var(--primary); background: white; color: var(--primary);}#catsContainer .cat-link:after { content: "▼"; font-size: 0.7rem; color: var(--gray-500);}/* Editor TinyMCE */.tox-tinymce { border-radius: var(--radius) !important; border: 1px solid var(--gray-300) !important;}.tox .tox-toolbar__primary { background: var(--gray-100) !important; border-bottom: 1px solid var(--gray-200) !important;}.tox .tox-tbtn { color: var(--gray-700) !important;}.tox .tox-tbtn:hover { background: var(--gray-200) !important;}/* Checkbox-uri moderne */.form-check-input { width: 1.125rem; height: 1.125rem; margin-top: 0.125rem; border: 1px solid var(--gray-400); border-radius: 0.25rem; transition: all 0.2s ease;}.form-check-input:checked { background-color: var(--primary); border-color: var(--primary);}.form-check-input:focus { border-color: var(--primary); box-shadow: 0 0 0 0.2rem rgba(44, 125, 160, 0.25);}.form-check-label { margin-left: 0.5rem; font-size: 0.875rem; color: var(--gray-700);}/* Buton publicare */#payableFormSubmitButton { background: linear-gradient(135deg, var(--success), #1e7e34); border: none; padding: 0.875rem 2rem; font-size: 1rem; font-weight: 600; border-radius: var(--radius-lg); transition: all 0.2s ease; box-shadow: var(--shadow-sm);}#payableFormSubmitButton:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); background: linear-gradient(135deg, #1e7e34, #155d27);}/* Sidebar dreapta */.reg-sidebar .promo-text-box { background: var(--primary-light); border-radius: var(--radius-lg); padding: 1.5rem; margin-bottom: 1.5rem; text-align: center;}.reg-sidebar .promo-text-box i { color: var(--primary); margin-bottom: 1rem; font-size: 2.5rem;}.reg-sidebar .promo-text-box h3 { font-size: 1.125rem; margin-bottom: 0.75rem; color: var(--gray-800);}.reg-sidebar .promo-text-box p { font-size: 0.875rem; color: var(--gray-700); line-height: 1.5;}/* ===================================================== SECȚIUNEA DE SHARE (PAGINA DE SUCCES) ===================================================== */.inner-box .alert-success { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important; border: none !important; border-radius: 24px !important; padding: 28px 24px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;}.inner-box .alert-success h2 { color: #166534 !important; font-size: 26px !important; font-weight: 700 !important; margin: 0 0 8px 0 !important; display: flex !important; align-items: center !important; gap: 12px !important;}.inner-box .alert-success h2 i { color: #22c55e !important; font-size: 28px !important;}.inner-box .alert-success p { color: #15803d !important; font-size: 15px !important; margin: 0 !important;}.inner-box .alert-info { background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important; border: none !important; border-radius: 24px !important; padding: 24px !important; margin-top: 20px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; position: relative !important; overflow: hidden !important;}.inner-box .alert-info::before { content: "✨" !important; position: absolute !important; right: -20px !important; bottom: -20px !important; font-size: 100px !important; opacity: 0.1 !important; pointer-events: none !important;}.inner-box .alert-info strong { color: #92400e !important; font-size: 18px !important; font-weight: 600 !important; display: block !important; margin-bottom: 8px !important;}.inner-box .share-facebook { background: #1877f2 !important; border: none !important; border-radius: 40px !important; color: white !important; padding: 12px 28px !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; text-decoration: none !important; margin-top: 16px !important; font-weight: 500 !important; font-size: 14px !important; transition: all 0.2s ease !important; box-shadow: 0 2px 8px rgba(24, 119, 242, 0.3) !important;}.inner-box .share-facebook:hover { background: #0c63d4 !important; transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(24, 119, 242, 0.4) !important;}/* Butoane sociale suplimentare */.social-share-buttons { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin: 20px 0 0 0 !important; padding: 0 !important;}.social-share-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 10px 20px !important; border-radius: 40px !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; background: white !important; border: 1px solid #e5e7eb !important; cursor: pointer !important; transition: all 0.2s ease !important;}.social-share-btn i { font-size: 16px !important;}.social-share-btn.whatsapp { color: #25d366 !important; background: #f0fdf4 !important;}.social-share-btn.whatsapp:hover { background: #25d366 !important; color: white !important; transform: translateY(-2px) !important;}.social-share-btn.twitter { color: #1da1f2 !important; background: #f8faff !important;}.social-share-btn.twitter:hover { background: #1da1f2 !important; color: white !important; transform: translateY(-2px) !important;}.social-share-btn.linkedin { color: #0a66c2 !important; background: #f8faff !important;}.social-share-btn.linkedin:hover { background: #0a66c2 !important; color: white !important; transform: translateY(-2px) !important;}.social-share-btn.copy-link { color: #4b5563 !important; background: #f9fafb !important;}.social-share-btn.copy-link:hover { background: #4b5563 !important; color: white !important; transform: translateY(-2px) !important;}/* Separator */.inner-box .alert-info hr { margin: 20px 0 16px 0 !important; border: none !important; height: 1px !important; background: linear-gradient(90deg, transparent, #fcd34d, transparent) !important;}/* Mesaj încurajare */.share-encouragement { font-size: 13px !important; color: #b45309 !important; margin-top: 16px !important; margin-bottom: 0 !important; text-align: center !important; background: rgba(255, 255, 255, 0.6) !important; padding: 8px 16px !important; border-radius: 40px !important; display: inline-block !important;}/* Toast copiere link */.copy-toast { position: fixed !important; bottom: 30px !important; left: 50% !important; transform: translateX(-50%) translateY(0) !important; background: #1f2937 !important; color: white !important; padding: 12px 24px !important; border-radius: 48px !important; font-size: 14px !important; font-weight: 500 !important; z-index: 9999 !important; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2) !important; animation: slideUpFade 0.3s ease, fadeOut 2s ease 1.5s forwards !important;}@keyframes slideUpFade { from { opacity: 0; transform: translateX(-50%) translateY(20px); } to { opacity: 1; transform: translateX(-50%) translateY(0); }}@keyframes fadeOut { to { opacity: 0; visibility: hidden; }}.copy-feedback { transform: scale(0.96) !important; transition: transform 0.1s ease !important;}/* Buton Vezi anunțul tău */.inner-box .input-group { margin-top: 20px !important;}.inner-box .input-group .btn-primary { background: linear-gradient(135deg, #2c7da0 0%, #1f5e7a 100%) !important; border: none !important; border-radius: 40px !important; padding: 12px 32px !important; color: white !important; display: inline-flex !important; align-items: center !important; gap: 10px !important; font-weight: 500 !important; font-size: 14px !important; transition: all 0.2s ease !important;}.inner-box .input-group .btn-primary:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 16px rgba(44, 125, 160, 0.4) !important;}/* ===================================================== RESPONSIVE (MOBILE & TABLET) ===================================================== */@media (max-width: 991.98px) { .page-sidebar { position: fixed; top: 0; left: -100%; width: 85%; max-width: 320px; height: 100vh; z-index: 1050; overflow-y: auto; transition: left 0.3s ease; border-radius: 0; } .page-sidebar.open { left: 0; } .mobile-filter-bar { display: block; } .mobile-bottom-nav { display: flex; } body { padding-bottom: 65px; } .add-image img { height: 120px; } .add-desc-box { padding: 0.75rem; } /* Pagina produs */ .items-details-wrapper h1 { font-size: 1.25rem; padding: 1rem 1rem 0; } .items-details-wrapper .info-row { padding: 0 1rem 0.75rem; font-size: 0.75rem; gap: 0.75rem; } .gallery-container { padding: 0 1rem; } .items-details { padding: 0 1rem; } .thumbs-gallery .swiper-slide img { height: 60px; } .content-footer { padding: 1rem; flex-direction: column; } .content-footer .btn { width: 100%; } .page-sidebar-right { margin-top: 1rem; } /* Pagina creare */ .page-content .inner-box.category-content { padding: 1rem; } .form-horizontal .col-md-3.col-form-label { padding-bottom: 0.25rem; } .reg-sidebar { margin-top: 1.5rem; }}@media (max-width: 768px) { .card-item { flex-direction: column; } .add-image { border-radius: var(--radius-lg) var(--radius-lg) 0 0; } .add-image img { height: 180px; } .listing-filter { flex-direction: column; align-items: flex-start; } .listing-view-action { align-self: flex-end; } .item-price { font-size: 1rem; } /* Pagina produs */ .main-gallery .swiper-slide img { max-height: 300px; } .items-details .nav-tabs .nav-link { padding: 0.5rem 0.75rem; font-size: 0.8125rem; } .tab-content { padding: 1rem 0; } .detail-line-content { font-size: 0.875rem; } .items-details-info .row.text-center { padding: 0.75rem; } .items-details-info .row.text-center a { font-size: 1.25rem; } .block-cell.user { padding: 1rem; } .cell-media img { width: 48px; height: 48px; } .card-content { padding: 1rem; } .ev-action { padding: 1rem; } /* Pagina creare */ .page-content .inner-box.category-content h2.title-2 { font-size: 1.25rem; } .form-horizontal .col-md-3.col-form-label { font-size: 0.8125rem; } .form-horizontal .form-control { font-size: 0.8125rem; } #payableFormSubmitButton { width: 100%; padding: 0.75rem; } .input-group .input-group-text { font-size: 0.75rem; padding: 0.375rem 0.5rem; } /* Share section */ .inner-box .alert-success { padding: 20px !important; border-radius: 20px !important; } .inner-box .alert-success h2 { font-size: 22px !important; } .inner-box .alert-info { padding: 20px !important; border-radius: 20px !important; text-align: center !important; } .social-share-buttons { flex-direction: column !important; gap: 10px !important; } .social-share-btn { justify-content: center !important; padding: 12px 20px !important; } .inner-box .share-facebook { width: 100% !important; justify-content: center !important; } .inner-box .input-group .btn-primary { width: 100% !important; justify-content: center !important; } .share-encouragement { display: block !important; text-align: center !important; }}@media (min-width: 992px) { .mobile-bottom-nav { display: none; } .add-desc-box { min-height: 180px; } #sticky_holder { display: none; }}/* -------------------- UTILITARE -------------------- */.text-primary { color: var(--primary) !important; }.bg-primary { background: var(--primary) !important; }.bg-primary-light { background: var(--primary-light) !important; }.rounded-lg { border-radius: var(--radius-lg); }.shadow-hover { transition: box-shadow 0.2s ease; }.shadow-hover:hover { box-shadow: var(--shadow-md); }.enable-long-words { word-wrap: break-word; overflow-wrap: break-word; }.from-wysiwyg ul, .from-wysiwyg ol { padding-left: 1.25rem; }.required .col-form-label:after, .required .control-label:after { content: " *"; color: var(--danger); font-weight: bold; }/* Face titlul negru */h1.intro-title.animated.fadeInDown { color: #000000 !important; font-size: 28px; font-weight: 700; line-height: 1.2;}@media (max-width: 767px) { .mobile-category-row { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: flex-start; align-content: center; overflow-x: auto; overflow-y: hidden; padding: 20px 15px; /* Increased padding for scaled content */ gap: 10px; position: relative; z-index: 9999; } .mobile-category { flex: 0 0 auto; transform: scale(1.3); transform-origin: center; margin: 0 8px; /* Add margin to prevent cropping */ } .f-category { padding-left: 0px; padding-right: 0px; text-align: center; } .f-category h6 { font-size: 0.6rem; white-space: normal; /* Allows natural wrapping like original */ text-align: center; margin-top: 4px; } .f-category img { height: 40px; width: auto; display: block; margin: 0 auto; }}.mobile-bottom-nav { display: none !important;}