/* Custom additions on top of the original Fashionistas theme — added during live remediation */

/* Collapsible sections (Discover Uganda page) */
#content .entry-content details{border-bottom:1px solid #eee;margin:0;}
#content .entry-content details summary{cursor:pointer;padding:.9em 0;list-style:none;position:relative;}
#content .entry-content details summary::-webkit-details-marker{display:none;}
#content .entry-content details summary h2{display:inline;margin:0;padding-right:1.4em;}
#content .entry-content details summary::after{content:"+";position:absolute;right:.2em;top:.7em;font-size:1.3em;color:#888;}
#content .entry-content details[open] summary::after{content:"\2013";}
#content .entry-content details .details-body{padding-bottom:1.2em;}

/* Phone LANDSCAPE: horizontal menu, bigger font, fits one line */
@media only screen and (max-width: 60em) and (orientation: landscape) and (max-height: 500px) {
	.nav-open, .nav-close { display: none !important; }
	#main-navigation > .sf-menu { position: static; text-align: center; }
	#main-navigation > .sf-menu > ul { position: static; max-height: none; max-width: 100%; overflow: visible; background: transparent; white-space: nowrap; }
	#main-navigation > .sf-menu > ul > li { float: none; display: inline-block; border-bottom: none; }
	#main-navigation > .sf-menu ul li:only-child, #main-navigation > .sf-menu > ul > li:after { display: none; }
	#main-navigation li a { float: none; display: inline-block; color: #333; font-size: 1em; padding: 0 12px; line-height: 40px; letter-spacing: 0; }
}
/* Phone PORTRAIT: always-visible grid, 3 items per row, no MENU toggle */
@media only screen and (max-width: 60em) and (orientation: portrait) {
	.nav-open, .nav-close { display: none !important; }
	#main-navigation > .sf-menu { position: static; }
	#main-navigation > .sf-menu > ul { position: static; max-height: none; max-width: 100%; overflow: visible; background: transparent; display: flex; flex-wrap: wrap; }
	#main-navigation > .sf-menu > ul > li { float: none; display: block; width: 33.3333%; box-sizing: border-box; text-align: center; border-bottom: 1px dotted #ccc; }
	#main-navigation > .sf-menu > ul > li:after { display: none; }
	#main-navigation li a { float: none; display: block; color: #333; font-size: .72em; padding: 10px 4px; line-height: 1.2; }
}
/* Logo text overflow fix on narrow phones */
@media (max-width: 480px) {
	.site-title { font-size: 1.6rem !important; }
}

/* Uniform casino photo + text layout (homepage) — replaces float+wrap so text never drops below the image */
.casino-row { display: flex; gap: 24px; align-items: flex-start; margin-bottom: 1.6em; }
.casino-photo { flex: 0 0 340px; }
.casino-photo img { width: 340px; height: 240px; object-fit: cover; display: block; margin: 0; }
.casino-text { flex: 1; min-width: 0; }
.casino-text p { margin-top: 0; }
@media (max-width: 700px) {
	.casino-row { flex-direction: column; }
	.casino-photo { flex-basis: auto; width: 100%; }
	.casino-photo img { width: 100%; height: auto; }
}
