/**
 * MyBoxOffice — Stili standalone per pagine /my-account/ e /box-office-area/.
 *
 * Il plugin è COMPLETAMENTE AUTONOMO: nessuna dipendenza da tema o page
 * builder (Elementor, Divi, ecc.). Tutte le regole CSS che fanno apparire
 * la pagina account "bella" sono qui dentro.
 *
 * Wrapper HTML autonomo creato dal shortcode [mybo_box_office]:
 *   .mybo-box-office-container--parent (container esterno, larghezza max + centrato)
 *     .mybo-box-office-container--child (container interno, padding + bordo)
 *       .mybo-account-navigation (sidebar 28%)
 *       .mybo-account-content (content 63% con bordo rosso)
 *
 * @package MyBoxOffice
 */

/* =========================================================================
   WRAPPER ESTERNO — replica il container Elementor (.e-con e-parent)
   ========================================================================= */

.mybo-box-office-container--parent {
	width: 100%;
	max-width: 1200px;
	margin: 30px auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.mybo-box-office-container--child {
	display: block;
	width: 100%;
	box-sizing: border-box;
	/* Clearfix per le 2 colonne float */
}

.mybo-box-office-container--child::after {
	content: "";
	display: block;
	clear: both;
}

/* =========================================================================
   LAYOUT 2-COLONNE — sidebar + content (autonomo dal tema)
   ========================================================================= */

body.mybo-account-page .mybo-account-navigation,
body.mybo-account-page nav.mybo-account-navigation,
.mybo-box-office-container .mybo-account-navigation,
.mybo-box-office-container nav.mybo-account-navigation {
	width: 20%;
	float: left;
	box-sizing: border-box;
}

body.mybo-account-page .mybo-account-content,
.mybo-box-office-container .mybo-account-content {
	width: 78%;
	float: right;
	box-sizing: border-box;
	/* Bordo rosso identificativo dell'area utente */
	border: 1px solid #e53935;
	border-radius: 4px;
	background: rgba(255,255,255, 0.04);
	padding: 3% 3% 3% 3%;
	color: #ffffff;
}

/* Mobile: stack verticale */
@media (max-width: 991px) {
	body.mybo-account-page .mybo-account-navigation,
	body.mybo-account-page nav.mybo-account-navigation,
	.mybo-box-office-container .mybo-account-navigation,
	.mybo-box-office-container nav.mybo-account-navigation {
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	body.mybo-account-page .mybo-account-content,
	.mybo-box-office-container .mybo-account-content {
		width: 100%;
		float: none;
		padding: 4% 4% 4% 4%;
	}
}

/* =========================================================================
   SIDEBAR — bottoni navigazione (autonomi dal tema)
   ========================================================================= */

/* Reset eventuali stili applicati al wrapper nav/ul da tema o WC */
body.mybo-account-page nav.mybo-account-navigation,
.mybo-box-office-container nav.mybo-account-navigation {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}

body.mybo-account-page nav.mybo-account-navigation ul,
.mybo-box-office-container nav.mybo-account-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.mybo-account-page nav.mybo-account-navigation li,
.mybo-box-office-container nav.mybo-account-navigation li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Bottoni: rettangolari (no radius), a contatto, con linea separatore sottile */
body.mybo-account-page nav.mybo-account-navigation a,
.mybo-box-office-container nav.mybo-account-navigation a {
	display: block;
	padding: 14px 25px;
	color: #374151;
	background: #ffffff;
	border-radius: 0;
	font-family: inherit;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	margin: 0;
	border: 0;
	border-bottom: 1px solid #e5e7eb;
	box-shadow: none;
	transition: background 0.15s ease, color 0.15s ease;
}

/* Solo primo bottone: angoli superiori arrotondati */
body.mybo-account-page nav.mybo-account-navigation li:first-child a,
.mybo-box-office-container nav.mybo-account-navigation li:first-child a {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

/* Solo ultimo bottone: angoli inferiori arrotondati + niente bordo sotto */
body.mybo-account-page nav.mybo-account-navigation li:last-child a,
.mybo-box-office-container nav.mybo-account-navigation li:last-child a {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom: 0;
}

body.mybo-account-page nav.mybo-account-navigation a:hover,
.mybo-box-office-container nav.mybo-account-navigation a:hover {
	background: #f9fafb;
	color: #1f2937;
}

body.mybo-account-page nav.mybo-account-navigation li.is-active a,
body.mybo-account-page nav.mybo-account-navigation li.mybo-account-nav-link--is-active a,
.mybo-box-office-container nav.mybo-account-navigation li.is-active a {
	color: #2271b1;
	background: #ffffff;
	letter-spacing: 0;
	font-weight: 700;
}

/* =========================================================================
   FONT BASE + COLORI TESTO — garantisce testo bianco leggibile
   ========================================================================= */

body.mybo-account-page .mybo-account-content,
body.mybo-account-page .mybo-account-content p,
body.mybo-account-page .mybo-account-content h2,
body.mybo-account-page .mybo-account-content h3,
body.mybo-account-page .mybo-account-content h4,
body.mybo-account-page .mybo-account-content strong,
body.mybo-account-page .mybo-account-content label,
.mybo-box-office-container .mybo-account-content,
.mybo-box-office-container .mybo-account-content p,
.mybo-box-office-container .mybo-account-content h2,
.mybo-box-office-container .mybo-account-content h3,
.mybo-box-office-container .mybo-account-content h4 {
	color: #ffffff;
}

body.mybo-account-page .mybo-account-content a,
.mybo-box-office-container .mybo-account-content a {
	color: #f19300;
}

body.mybo-account-page .mybo-account-content a:hover,
.mybo-box-office-container .mybo-account-content a:hover {
	color: #ffb84d;
}

/* =========================================================================
   PAGE TITLE BANNER — rimuove il banner pesante del tema sopra il titolo,
   lasciando solo la scritta più piccola e pulita.
   Selettori GENERICI WordPress (autonomi da tema). */

body.mybo-account-page .entry-header,
body.mybo-account-page .page-header,
body.mybo-account-page header.page-header,
body.mybo-account-page .page-title-area,
body.mybo-account-page .mybo-page-title-container {
	background: transparent !important;
	background-image: none !important;
	border: 0 !important;
	box-shadow: none !important;
	padding-top: 30px !important;
	padding-bottom: 10px !important;
	min-height: 0 !important;
}

/* Titolo della pagina: dimensione ridotta + colore bianco */
body.mybo-account-page .entry-title,
body.mybo-account-page .page-title,
body.mybo-account-page h1.entry-title,
body.mybo-account-page h1.page-title,
body.mybo-account-page .mybo-page-title {
	font-size: 28px !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #ffffff !important;
	text-align: center;
	font-weight: 700;
}