.header-logo {
    width: 100px
}

#content .container {
    width: 100% !important;
    padding: 0px !important;
}

#content {
    padding: 0px !important;
}

#catHome img {
    width: 200px;
}

.hp-listing-category__image img {
    margin: auto !important;
}

.header-navbar {
    margin-bottom: 30px;
}

.header-hero {
    background-image: url(http://astromercato.local/wp-content/uploads/2025/11/stelle_cadenti_real.gif);
}


/* Sezione Lista articoli */

.page-id-180 #content .container .hp-page,
.post-type-archive-hp_listing #content .container .hp-page,
.tax-hp_listing_category #content .container .hp-page {
    max-width: 85% !important;
}

.page-id-180 .hp-listing,
.post-type-archive-hp_listing .hp-listing,
.tax-hp_listing_category .hp-listing {
    display: flex !important;
    flex-direction: row;
    gap: 20px;
}


.page-id-180 .hp-listing__image,
.post-type-archive-hp_listing .hp-listing__image, .tax-hp_listing_category .hp-listing__image {
    width: 200px !important;
}


.page-id-180 .hp-listing__content,
.post-type-archive-hp_listing .hp-listing__content, .tax-hp_listing_category .hp-listing__content {
    flex: 1;
}


.page-id-180 .hp-col-sm-6,
.tax-hp_listing_category .hp-col-sm-6, .post-type-archive-hp_listing .hp-col-sm-6 {
    max-width: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
}


.page-id-180 .hp-page__sidebar,
.post-type-archive-hp_listing .hp-page__sidebar,
.tax-hp_listing_category .hp-page__sidebar {
    flex-basis: 25%;
}


.page-id-180 .hp-page__content,
.post-type-archive-hp_listing .hp-page__content,
.tax-hp_listing_category .hp-page__content {
    max-width: 75%;
    flex-basis: 75% !important;
}


.page-id-180 .hp-listing-category__name, .post-type-archive-hp_listing .hp-listing-category__count,
.post-type-archive-hp_listing .hp-listing-category__name, .post-type-archive-hp_listing .hp-listing-category__count,
.tax-hp_listing_category .hp-listing-category__name, .tax-hp_listing_category .hp-listing-category__count {
    color: white
}

.hp-listing__image img, .hp-listing__image video, .hp-listing__images img, .hp-listing__images video {
    width: auto;
}

/* =========================================================
 * MOBILE
 * ========================================================= */

@media screen and (max-width: 768px) {
	.hp-page__header:not(:last-child){
		margin-top: 10px !important;
	}
	
		.hp-row {
    margin-right: 0;
    margin-left: 0;
}
	
	.elementor-203535 .elementor-element.elementor-element-958d1e7,.elementor-203535 .elementor-element.elementor-element-186628b,.elementor-203535 .elementor-element.elementor-element-93097ea{
		z-index:9 !important;
	}
	
	.hp-button--mobile{
		background: #00D3F2; color:white; width:95%; left: 2.5%;
	}
	
	.elementor-widget-wpr-button,
.hp-form--listing-sort .hp-form__field #select2-_sort-wo-container,.hp-form--listing-sort,.hp-form--listing-sort,{
		width:100%;
	max-width: 100% !important;
	} 
	
	.page-id-180 .hp-listing, .post-type-archive-hp_listing .hp-listing, .tax-hp_listing_category .hp-listing,
	.post-type-archive-hp_listing .hp-listing, .tax-hp_listing_category .hp-listing {
    flex-direction: column !important;
}
	
		.hp-listing__image {margin:auto !important;
}
	
.hp-page__content, .post-type-archive-hp_listing .hp-page__content, .tax-hp_listing_category .hp-page__content{
		width:100%;
	max-width: 100% !important;
	flex-basis 100% !important;
	padding: 20px;
	} 
	
	.hp-form__field{
		margin-bottom: 10px !important
	}
	
	.hp-page__sidebar, .post-type-archive-hp_listing .hp-page__sidebar, .tax-hp_listing_category .hp-page__sidebar{
		flex-basis:100% !important;
		padding: 20px !important;
	}
}


/* =========================================================
 * DESKTOP
 * ========================================================= */
.hp-message--thread-block .hp-message__sent-date, .hp-message--view-block .hp-message__sent-date,.hp-listing--edit-block .hp-listing__created-date,.hp-link i{
    color: rgb(255 255 255 / 94%);
}

.hp-form--listing-sort .hp-form__field span,
.hp-form--message-send span,
.hp-form--listing-submit span,
.hp-form--listing-submit small,
.hp-message--thread-block i,
.hp-form--user-update.customize-unpreviewable span{
	color: white !important;
}

.hp-form--listing-sort .hp-form__field #select2-_sort-wo-container,
.hp-form--listing-report .hp-form__description,
.hp-form__messages div,
.hp-form--user-update.customize-unpreviewable button span,
.hp-message__text,
.hp-form--listing-submit button span{
	color: black !important;
}

.hp-form--user-update.customize-unpreviewable input,
.hp-form--user-update.customize-unpreviewable textarea,
.hp-form--user-update.customize-unpreviewable button,
.hp-form--message-send textarea,
.hp-form--listing-submit input,
.hp-form--listing-submit button,
.hp-form--listing-submit textarea{
	background-color: white !important;
}

.hp-form--message-send button{
	background-color: #00D3F2
}

.hp-message__header{
	background:transparent
}

.hp-row.hp-listing.hp-listing--view-page{
	margin-top:50px !important
}

.post-type-archive-hp_vendor .hp-widget--vendor-filter{
	padding: 20px
}

h1,h2{color:white}


.hp-form--user-login input{
	background:white;
}

.post-type-archive-hp_vendor .hp-field--number-range .ui-slider-horizontal{
	background-color: #00D3F2
}

.hp-review--view-block{
	background: unset;
	padding: 10px;
}

.hp-form__fields{
	color: #444;
}

.hp-widget--vendor-filter span,
.hp-widget--vendor-filter small,
.hp-widget--vendor-filter input,
.hp-widget--listing-filter span, .hp-widget--listing-filter input, 
.hp-listing--view-page .hp-section .hp-section__title{
	color: white 
}


.hp-form--vendor-search
input[type=search], .hp-form--vendor-search .hp-form__field input[type='text'], .hp-form--listing-search .hp-form__field input[type='text']
{ 
	background-color: white !important;
}

.hp-listing__image img, .hp-listing__image video, .hp-listing__images img, .hp-listing__images video{
	width: auto !important;
}

.hp-review--view-block .hp-review__action, 
.hp-review--view-block .hp-review__action i
{
	color:#00D3F2;
}

.hp-review--view-block .hp-review__summary a,
.hp-review--view-block .hp-review__summary time{
	color: #fff !important
}

.hp-row.hp-listing.hp-listing--view-page .hp-listing__actions--primary a{
	padding-top:10px !important;
	padding-bottom: 10px;
}
.hp-row.hp-listing.hp-listing--view-page .hp-listing__actions--primary a i{color: white
}

.single-hp_listing .hp-page__footer .hp-section__title{ color: white !important}

.hp-link:hover i{
	    color: #ffc107 !important;
}

.hp-listing__images-slider .slick-slide img{
	margin: auto;
}

.hp-rating, 
.hp-field--rating,
.hp-field__value.hp-rating,
.hp-rating__stars, 
.hp-rating__star,.hp-rating-stars {
    display: none !important;
}

.hp-rating__stars {
    display: none !important;
}

.elementor-349 .elementor-element.elementor-element-4e0b03c .elementor-repeater-item-3ff734d {
    text-align: left;
    position: absolute;
    left: auto;
    top: -100%;
}

body,.elementor-203535 .elementor-element.elementor-element-ea6adbd:not(.elementor-motion-effects-element-type-background), .elementor-203535 .elementor-element.elementor-element-ea6adbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{
	background:#0B1120 !important;
}

.hp-page__header:not(:last-child) {
    margin-top: 4rem;
}

.elementor-349 .elementor-element.elementor-element-4e0b03c .elementor-repeater-item-3ff734d{
	position: absolute;
}

/* =========================================================
   ASTROMERCATO – DARK THEME
   ========================================================= */

:root {
  --bg-main: #0b1220;
  --bg-secondary: #111a2e;
  --bg-card: #0f1b30;
  --bg-card-hover: #142548;

  --border-soft: rgba(255,255,255,0.08);

  --text-primary: #e6ebf3;
  --text-secondary: #9aa7bd;
  --text-muted: #6f7c94;

  --accent-cyan: #22d3ee;
  --accent-cyan-soft: rgba(34, 211, 238, 0.15);

  --accent-yellow: #facc15;
  --accent-yellow-hover: #fde047;

  --success: #22c55e;
}

/* =========================================================
   BASE
   ========================================================= */

body {
  background: radial-gradient(circle at top, #0f172a, #020617);
  color: var(--text-primary);
}

a {
  color: var(--accent-cyan);
  text-decoration: none;
}

a:hover {
  color: #67e8f9;
}

/* =========================================================
   HEADER & SEARCH
   ========================================================= */

header,
.navbar,
.top-bar {
  background: linear-gradient(180deg, #020617, #0b1220);
  border-bottom: 1px solid var(--border-soft);
}

input,
select {
  background-color: var(--bg-secondary);
  border: 1px solid var(--border-soft);
  color: var(--text-primary);
}

input::placeholder {
  color: var(--text-muted);
}

button,
.btn,
.btn-primary {
  background: var(--accent-yellow);
  color: #1a1a1a;
  border: none;
  font-weight: 600;
}

button:hover,
.btn:hover {
  background: var(--accent-yellow-hover);
}

/* =========================================================
   LAYOUT
   ========================================================= */

.main-content,
.listings-wrapper {
  background: transparent;
}

/* =========================================================
   SIDEBAR FILTRI
   ========================================================= */

.sidebar,
.filters,
.filter-box {
  background: var(--bg-secondary);
  border: 1px solid var(--border-soft);
  border-radius: 12px;
}

.sidebar h4,
.filters h4 {
  color: var(--accent-cyan);
  font-weight: 600;
}

.filter-box label {
  color: var(--text-secondary);
}

/* =========================================================
   ANNUNCI / CARDS
   ========================================================= */

.listing,
.listing-item,
.card {
  background: linear-gradient(180deg, var(--bg-card), #0b162a);
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  transition: all 0.25s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.4);
}

.listing:hover,
.card:hover {
  background: linear-gradient(180deg, var(--bg-card-hover), #0e1f3f);
  transform: translateY(-2px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.6);
}

.listing-title,
.card-title {
  color: var(--accent-cyan);
  font-weight: 600;
}

.listing-meta,
.card-meta {
  color: var(--text-muted);
  font-size: 0.85rem;
}

/* =========================================================
   PREZZI
   ========================================================= */

.price,
.listing-price {
  color: var(--accent-cyan);
  font-size: 1.25rem;
  font-weight: 700;
}

.price-old {
  color: #64748b;
  text-decoration: line-through;
}

/* =========================================================
   BOTTONI CARD
   ========================================================= */

.btn-contact,
.btn-action {
  background: linear-gradient(180deg, #1f2933, #0f172a);
  color: var(--text-primary);
  border: 1px solid var(--border-soft);
}

.btn-contact:hover {
  border-color: var(--accent-cyan);
  box-shadow: 0 0 0 2px var(--accent-cyan-soft);
}

/* =========================================================
   RATING
   ========================================================= */

.rating i,
.stars i {
  color: var(--accent-yellow);
}

/* =========================================================
   PAGINAZIONE
   ========================================================= */

.pagination li a {
  background: var(--bg-secondary);
  color: var(--text-secondary);
  border: 1px solid var(--border-soft);
}

.pagination li.active a,
.pagination li a:hover {
  background: var(--accent-cyan);
  color: #020617;
  border-color: var(--accent-cyan);
}

/* =========================================================
   MAPPA / WIDGET
   ========================================================= */

.map-container,
.widget {
  background: var(--bg-secondary);
  border-radius: 12px;
  border: 1px solid var(--border-soft);
}

/* =========================================================
   FOOTER
   ========================================================= */

footer {
  background: #020617;
  border-top: 1px solid var(--border-soft);
  color: var(--text-muted);
}

.widget.hp-widget.hp-widget--listing-filter{
	padding:40px 20px;
	margin:20px 0
}

/* =========================================================
   FILTRI IN ALTO – DARK THEME OVERRIDES
   ========================================================= */

/* container generale filtri */
.filters-top {
  background: var(--bg-secondary) !important;
  border-bottom: 1px solid var(--border-soft);
  padding: 0.75rem 1.5rem;
  margin-bottom: 1rem;
}

/* testo categorie & filtri */
.filters-top .filter-group-title,
.filters-top label {
  color: var(--accent-cyan);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.875rem;
}

/* tasti filtra/ricerca */
.filters-top .btn-search,
.filters-top button {
  background: var(--accent-yellow) !important;
  color: #1a1a1a !important;
  border: none !important;
  font-weight: bold;
}

/* hover pulsanti */
.filters-top .btn-search:hover,
.filters-top button:hover {
  background: var(--accent-yellow-hover) !important;
}

/* selettori dropdown / select */
.filters-top select,
.filters-top .select-custom {
  background-color: var(--bg-card);
  border: 1px solid var(--border-soft);
  color: var(--text-primary);
}

/* checkbox e radio */
.filters-top input[type="checkbox"],
.filters-top input[type="radio"] {
  accent-color: var(--accent-cyan);
}

/* icone espandibili categorie */
.filters-top .filter-tree-toggle {
  color: var(--accent-cyan);
}

/* sottocategorie nei filtri */
.filters-top .filter-tree-item {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  border-radius: 6px;
  color: var(--text-secondary);
  margin-bottom: 0.25rem;
  padding: 0.45rem 0.8rem;
}

/* evidenzia selezione */
.filters-top .filter-tree-item.selected {
  background: var(--accent-cyan-soft);
  border-color: var(--accent-cyan);
  color: var(--text-primary);
}

/* range di prezzo */
.filters-top .price-range {
  background: var(--bg-card);
  border: 1px solid var(--border-soft);
  padding: 0.5rem;
  border-radius: 6px;
}

/* input numero del range prezzo */
.filters-top .price-range input {
  background: transparent;
  color: var(--text-primary);
  border: 1px solid var(--border-soft);
}

/* layout responsivo filtri */
@media (max-width: 992px) {
  .filters-top {
    padding: 0.5rem 1rem;
  }
  .filters-top .filter-group-title {
    font-size: 0.8rem;
  }
}

.hp-form--listing-search, .hp-form--vendor-search, .hp-field.hp-field--hidden, .mapboxgl-ctrl-geocoder.mapboxgl-ctrl{
	background: transparent !important;
	margin: 0px 20px
}


.hp-grid__item, .hp-listing, .hp-listing footer, .hp-listing header, .hp-listing__content{
	background: unset;
}

.hp-grid__item{
	//border: solid 0.5px;
	border-radius: 5px;
	background: #111a2e !important;
	//background: #fff !important;
}

.hp-listing--view-block .hp-listing__actions--primary .hp-listing__action i{
	color:white 
}

.hp-listing__image img, .hp-listing__image video, .hp-listing__images img, .hp-listing__images video {
    width: 100%;
}

.hp-listing__title{
	color: #00D3F2 !important;
}
.hp-listing__title a:hover{
	color: #fff !important;
}
.hp-listing__categories a {
	color: white !important;
	background:#00D3F2 !important;
}

.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute strong,
.hp-listing--view-block .hp-listing__created-date {color:#00D3F2;}

.hp-listing__categories
{justify-content: end;}

.page-numbers{
	background:#111a2e !important;	
}

.page-numbers{
	border-radius: 0px !important;
	color: white !important
}

.hp-listing__header{
	padding: 20px
}

.hp-field input[type=checkbox]+span::before{
	background: #00D3F2;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li, .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #444;
}

.hp-no-results h2, .hp-listing--view-page .hp-listing__attributes--secondary .hp-listing__attribute strong{
	color: #fff
}

.hp-form--listing-search .hp-form__field input[type='search'], .hp-form--vendor-search .hp-form__field input[type='tel']{
	background: #fff !important;
}

.hp-field.hp-field--location .fa-location-arrow{
	position: relative;
	right: 20px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
	color: #444;
	background: #00D3F2;
}

.select2-container--default
	color: #000;
}


.hp-form--user-update-profile span,
.hp-form--user-update-profile small,
.logged-in .hp-page__title{
	color: #fff !important;
}


.hp-form.hp-form--user-update-profile textarea,
.hp-form.hp-form--user-update-profile button,
.hp-form.hp-form--user-update-profile input{
	background: #fff !important;
}