/*
Theme Name: Magyar.org (Rock N Rolla Child)
Template: rock-n-rolla
Version: 1.0
Description: Child theme for magyar.org (AHFC) on its original Rock N Rolla parent: footer with source-credit notice, gallery/table/audio styling.
*/

/* ── Photo galleries: even grid, thumbnails cropped 4:3, full photo uncropped on click ── */
.gallery { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 1em 0; }
.gallery br { display: none; }
.gallery .gallery-item { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.gallery .gallery-item img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border: 0 !important; display: block; }
@media (max-width: 700px) { .gallery { grid-template-columns: repeat(2, 1fr); } }

/* ── Data tables ── */
.wp-block-table { overflow-x: auto; }
.wp-block-table table { border-collapse: collapse; width: 100%; font-size: 0.92em; }
.wp-block-table td, .wp-block-table th { border: 1px solid #ddd; padding: 4px 8px; vertical-align: top; }
.wp-block-table .wp-audio-shortcode { min-width: 180px; }

/* ── Buttons (Support) ── */
.entry-content .wp-block-button__link, .entry-content .wp-block-button__link:visited {
    background: #dd3333; color: #fff !important; border: none; text-decoration: none; padding: .6em 1.4em; border-radius: 3px; }
.entry-content .wp-block-button__link:hover { background: #222; }

/* ── Footer: source-credit notice + HunorNet credit ── */
.copy-right #hunornet-credit { font-size: 12px; line-height: 1.6; margin: 6px 0 0; }
.copy-right #hunornet-credit a { text-decoration: underline; }

/* Subpage lists on section pages */
ul.subpages { margin: 1em 0 1.5em 1.2em; }

/* ── Home slider captions ── */
#home-slider .carousel-content-bg { position: relative; }
#home-slider .full-slide { width: 100%; height: auto; max-height: 72vh; object-fit: cover; display: block; }
.magyar-slide-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 14px 24px;
    background: linear-gradient(transparent, rgba(0,0,0,.75)); font-family: Oswald, sans-serif; font-size: 22px; letter-spacing: .5px; }
.magyar-slide-caption a { color: #fff !important; text-decoration: none; border: 0; }

/* Home: no giant page-title band under the slider */
.home .header-container { display: none; }

/* ── No sidebar widgets: content uses the full width ── */
#primary .col-md-8 { width: 100%; }
#primary .col-md-4:has(#secondary) { display: none; }

/* ── Top search: drop down as an overlay under the header instead of pushing the page down ── */
#masthead { position: relative; }
.search-form-wrapper {
    position: absolute !important;
    top: 0; right: 0; left: 0;
    z-index: 1000;
    background: #111;
    box-shadow: 0 8px 24px rgba(0,0,0,.6);
}
.search-icon-wrapper, #search-icon { position: relative; z-index: 1001; }

/* ── Footer centered (both Bootstrap halves full width, push/pull offsets cancelled) ── */
.copy-right .col-md-6 { width: 100%; left: auto !important; right: auto !important; float: none; text-align: center; }
.copy-right .site-info, .copy-right #hunornet-credit { text-align: center; }
.copy-right ul.social-media { float: none; text-align: center; }

/* ── Inner pages: slim title bar instead of the 440px empty band ── */
@media only screen and (min-width:769px){
	.single .entry-header, .page .entry-header { min-height: 0; }
	.black-overlay { min-height: 0; padding: 34px 0 30px; }
}
.black-overlay { padding: 26px 0 22px; }
.header-container .entry-title { margin: 0; font-size: 40px; }

/* ── Header links under the search icon, right-aligned ── */
.header-links { clear: both; text-align: right; padding-top: 10px; }
.header-links-menu { list-style: none; margin: 0; padding: 0; }
.header-links-menu li { display: inline-block; margin-left: 16px; }
.header-links-menu a { font-family: Oswald, sans-serif; font-size: 14px; letter-spacing: .5px; text-transform: uppercase; color: #ccc !important; }
.header-links-menu a:hover { color: #dd3333 !important; }

/* ── Centrum Management stands out as the first menu item ── */
.main-navigation .menu-highlight > a { background: #c9a84c; color: #111 !important; }
.main-navigation .menu-highlight > a:hover { background: #dd3333; color: #fff !important; }

/* Longer two-domain title: keep it on one line on desktop */
@media (min-width: 992px) { .site-title, .site-title a { font-size: 46px !important; line-height: 1.15; } }
@media (max-width: 991px) { .site-title, .site-title a { font-size: 30px !important; line-height: 1.2; } }

/* ── Symposium year pages: day tiles ── */
.daygrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 1.5em 0; }
.daygrid-tile { display: block; text-decoration: none !important; border: 0 !important; background: #1a1a1a; }
.daygrid-tile img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.daygrid-title { display: block; padding: 8px 10px 0; font-family: Oswald, sans-serif; font-size: 17px; color: #fff; }
.daygrid-count { display: block; padding: 0 10px 10px; font-size: 13px; color: #aaa; }
.daygrid-tile:hover .daygrid-title { color: #dd3333; }
@media (max-width: 700px) { .daygrid { grid-template-columns: repeat(2, 1fr); } }

/* ── Footer photo strip: random gallery photos, each opens its gallery ── */
.photo-strip { display: grid; grid-template-columns: repeat(8, 1fr); gap: 0; background: #000; }
.photo-strip a { display: block; border: 0 !important; overflow: hidden; }
.photo-strip img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; display: block; opacity: .85; transition: opacity .2s, transform .3s; }
.photo-strip a:hover img { opacity: 1; transform: scale(1.06); }
@media (max-width: 700px) { .photo-strip { grid-template-columns: repeat(4, 1fr); } }

.day-heading { margin: 1.6em 0 .4em; font-family: Oswald, sans-serif; color: #fff; border-bottom: 1px solid #333; padding-bottom: 6px; }

/* ── Footer link columns ── */
.footer-widget-container { padding: 28px 0 8px; }
.footer-widget-container .widget-title { font-family: Oswald, sans-serif; font-size: 18px; color: #c9a84c; text-transform: uppercase; margin: 0 0 10px; }
.footer-widget-container ul { list-style: none; margin: 0; padding: 0; }
.footer-widget-container li { margin: 0 0 6px; line-height: 1.35; font-size: 14px; }
.footer-widget-container li a { color: #ccc !important; border: 0 !important; }
.footer-widget-container li a:hover { color: #dd3333 !important; }
/* keep the theme's accent bar, but under the title instead of across the first link */
.footer-widget-container .widget-title { margin-bottom: 20px; }
.footer-widget-container .widget-title:before { bottom: -9px; width: 50px; border-bottom: solid 3px #c9a84c; }

/* ── Close the gap between the photo strip and the footer columns ── */
.site-footer { margin-top: 0 !important; }
.footer-widget-container { padding: 0 !important; border-top: 0 !important; }
.site-footer .widget { margin-top: 24px !important; }
.site-footer .widget:last-child { margin-bottom: 24px !important; }