/*
Theme Name:     Spazio Diamante Child
Description:    Stili personalizzati per il tema Spazio Diamante.
Author:         Marco Spadoni
Version:        1.1
*/

/* ==========================================================================
   1. Sovrascrittura Variabili Colore
   ========================================================================== */

:root {
  /* --- Nuova Palette Spazio Diamante --- */

  /* Verde per titoli e pulsanti */
  --primary-color: #89c000;
  --legacy-color: #99cc00;
  --primary-color-dark: #7aa300;
  --rosso-primario: #89c000;
  --rosso-secondario: #107900;
  --primary-color-vintage: #99cc00;
  --primary-color-dark-vintage: #7aa300;
  


  /* Grigio scuro per testi e link menu */
  --text-color: #303030;
  --text-color-dark: #303030;
  --text-color-accent: #303030;
  --link-color: #89c000;
  --link-color-hover: #7aa300;

  /* Bianco sporco per sfondi header/footer */
  --header-bg-color: #f5f5f5;
  --footer-bg-color: #f5f5f5;

  /* Colori UI */
  --ui-green: #99cc00;
}

/* ==========================================================================
   2. Requisiti Specifici di Stile
   ========================================================================== */
/* --- Header --- */
#header, #head-wrapper {
  background-color: var(--header-bg-color) !important;
}

#header #branding, #header #header-tools {
    background-color: transparent;
}




/* --- Footer --- */
#footer, #copyright {
  background-color: var(--footer-bg-color) !important;
}

#footer p, #footer a, #footer h3, #footer h4, #copyright {
  color: #303030 !important;
}

#footer a:hover {
  color: #89c000 !important;
}

.archive-filters {
  display:flex;
}


/* --- Titoli e Testi --- */
h1, h1.entry-title,
h2, h2.entry-title,
h3.entry-title,
.single.single-post h1.entry-title a,
.page-template-page-teatro main#content article h2,
.page-template-page-teatro-02 main#content article h2 {
  color: #89c000 !important;
  /*margin-bottom: 60px;*/
}

h1.entry-title,
h2.entry-title,
h3.entry-title {
  color: #89c000 !important;
  /*margin-block: 30px;*/
}

/* Rimuove il ">>" rosso prima dei titoli */
h1.entry-title::before, h2.entry-title::before {
	content: ">> " !important;
	color: #89c000 !important;
	font-weight: 900;
}

h3, h4, h5, h6 {
  color: #1b1b1b !important;
}

body, p {
  color: #1b1b1b;
}

/* Date */
.entry-meta, .entry-date, .posted-on, .meta-info .date, .updated {
  color: #898989 !important;
}

/* --- Pulsanti --- */
.btn, a.btn, button, input[type="submit"], .button,
a.ui-btn, .wpcf7-submit, .btn-scopri,
.grid-prod .biglietti-button-style,
.grid-prod .prosa-button-style,
aside.single-prod-aside .widget-acquista .button-primary.button-acquista-aside,
.sold-out-label, .label-container a.genere.item {
  background-color: #89c000 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 10px;
  text-shadow: none;
}

div.wp-block-buttons .hoverable a.wp-element-button:hover {
  background-color: #107900;
  border-color: #107900;
  color: #fff !important;
}

.btn:hover, a.btn:hover, button:hover, input[type="submit"]:hover, .button:hover,
a.ui-btn:hover, .wpcf7-submit:hover, .btn-scopri:hover {
  background-color: #89c000 !important; /* Verde più scuro per hover */
  color: #ffffff !important;
}

/* Caso speciale per bottoni outline */
a.btn.white-outline-btn {
    background-color: transparent !important;
    color: #303030 !important;
    border: 2px solid #89c000 !important;
}

a.btn.white-outline-btn:hover {
    background-color: #89c000 !important;
    color: #ffffff !important;
}

.header-sub-row div.assist-btn-cl {
	background-color: #89c000 !important;
	width: 160px;
	position: static;
	border-radius: 16px 0;
	border: 2px solid var(--background-color);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
	height: 32px;
}

.header-sub-row div.assist-btn-cl:hover {
  background-color: #89c000 !important;
}
#header ul.social li a, .header-sub-row div.assist-btn-cl a.assist-btn-a-cl {
	color: #ffffff !important;
}
section.hot-slider-section div.hot-slide.slide-wraper div.hot-slide-content p.slide-directors,
section.hot-slider-section div.hot-slide.slide-wraper div.hot-slide-content p.slide-attori {
  color:#ffffff;
}

/* Fix specifici */
#menu #menu-nav {
    /*background-color: transparent !important;*/
    border-top: 1px solid #ddd !important;
}

.header-sub-row div.assist-btn-cl:hover {
	background-color: #89c000;
}

.header-sub-row div.assist-btn-cl {
  background-color:  #89c000;
  width: 160px;
  position: static;
  border-radius: 16px 0;
  border: 2px solid var(--background-color);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.6);
  height: 32px;
}

.header-sub-row div.assist-btn-cl:hover {
	background-color: #89c000;
}

.hot-slide-content p {
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
  color: #ffffff;
}
/*------------- PRODUZIONI-------------*/
.setion-wrap.slider .flex-wrap > article.production-article-item .prod-crediti .prod-titolo a {
	color: #89c000;
	text-decoration: none;
}

aside.single-prod-aside .tab h3.widgettitle, aside.single-prod-aside .tab h3.widget-title,
aside.single-prod-aside .tab h3, aside.single-prod-aside .tab h3.widget-title {
    color: #303030 !important;
    border-color: #89c000 !important;
}
aside.single-prod-aside .tab:hover h3, aside.single-prod-aside .tab:active h3 {
    color: #ffffff !important;
}

aside.single-prod-aside .tab:hover,
aside.single-prod-aside .tab:active {
  background-color: #89c000 !important;
  border-color: #89c000 !important;
  color: #ffffff !important;
}

aside.single-prod-aside .tab:hover a,
aside.single-prod-aside .tab:active a{
  color: #ffffff !important;
}
.tab-item .tab-header {
    border: 2px solid #89c000 !important;
    color: #303030 !important;
    background-color: transparent !important;
}

.tab-item.active>.tab-header, .tab-header:hover {
    background-color: #89c000 !important;
    color: #ffffff !important;
}


.promo-tabs-container .promo-tab h3.tab-header.ui-btn, .single-produzione aside .tab.active h3 {
    background-color: transparent !important;
    color: #303030 !important;
    border: 2px solid #89c000 !important;
}

/* ==========================================================================
   3. Stili per Filtri e Label Archivio
   ========================================================================== */

/* Contenitore delle label sulle card */
.label-container {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-wrap: wrap;
}

div.prod-crediti div.label-container {
  position: absolute;
  top: -56px;
  left: -15px;
  width: 100%;
}

.archive div.prod-crediti div.label-container {
	position: absolute;
	top: -41px;
	left: 0;
	width: 100%;
}

/* Stile base per le label */
div.prod-crediti div.label-container .item-label {
	display: inline-block;
	padding: 4px 20px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	line-height: 1;
	color: #ffffff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0;
	text-decoration: none;
	transition: background-color 0.2s ease-in-out;
	line-height: 22px;
	width: 50%;
}

.item-label:hover {
    color: #ffffff;
    opacity: 0.85;
}

/* Colori specifici per tipo di label */
.location-label {
    border-top: 4px solid var(--primary-color);
}


.location-label.sala-white {
background-color: #ffffff;
color: #303030 !important;
}

.location-label.sala-black {
  background-color: #1b1b1b;
  color: #ffffff !important;

}
.location-label.sala-grey {
background-color: #303030;
color: #ffffff !important;  
}

.single-produzione .location-label {
	/*background-color: #000;*/
	/*color: #ffffff !important;*/
	padding: 10px 40px;
	text-decoration: none;
	margin-top: -70px;
	position: absolute;
	border-inline: 2px #fff solid;
	/*transform: rotate(90deg);*/
	/*left: -71px;*/
	width: 180px;
	text-align: center;
}



.genre-label {
    background-color: #89c000; 
}

/* Barra dei filtri in cima all'archivio */
#content #container #article-sections-group .archive-filters,
.archive-filters {
    margin-bottom: 25px;
    padding: 15px;
    background-color: #f5f5f5;
    border-radius: 5px;
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.archive-filters span {
    font-weight: 600;
    margin-right: 10px;
}

/* Stile per i pulsanti di filtro */
div#container div#article-sections-group div.archive-filters button.filter-btn {
    background-color: #f0f0f0;
    color: #89c000;
    border: 1px solid #89c000;
    border-radius: 0;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
}

div#container div#article-sections-group div.archive-filters button.filter-btn:hover {
    background-color: #89c000;
}

/* Stile per il pulsante di filtro ATTIVO */
.filter-btn.active {
    background-color: #89c000 !important; /* Usa il colore primario del tema */
    color: #ffffff !important;
    border-color: #89c000 !important;
    font-weight: 700;
}

@media screen and (min-width: 1021px) {
.sub-menu li a {
    background-color: #e0e0e0 !important; /* Grigio chiaro per submenu */
    border: 1px solid #ccc !important;
}
.sub-menu li a:hover {
    background-color: #89c000 !important;
    color: #ffffff !important;
}
/* Testo e link del menu (navigazione principale) */
#menu a, #header ul.social li a, .header-sub-row div.assist-btn-cl a.assist-btn-a-cl {
  color: #303030 !important;
}
#menu a:hover {
    background-color: #89c000 !important;
    color: #fff !important;
}

#header .header-sub-row #search input.search-submit {
    color: #303030 !important;
    border-color: #303030 !important;
}
#header .header-sub-row #search input.search-submit:hover {
    color: #ffffff !important;
    background-color: #89c000 !important;
    border-color: #89c000 !important;
}

}