/*
Theme Name: SIRSCCA
Description: Southern Indiana Region SCCA. A block theme with the look of the club's 2017 Jupiter site (colours, Montserrat, header and footer), built on standard WordPress blocks only.
Version: 1.0.4
Requires at least: 7.0
Requires PHP: 8.2
Author: hostcrew
Text Domain: sirscca
License: GNU General Public License v2 or later
*/

/* Header: 90px row, stays at the top while scrolling (Jupiter: sticky header). */
.wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 100; }
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
.sir-header-row { min-height: 90px; }
.sir-header .wp-block-navigation-item__content { padding: 10px 20px; }
.sir-header .wp-block-navigation__submenu-container { background: #333333; border: 0; }
.sir-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: #b3b3b3; font-size: 12px; letter-spacing: 1px; min-width: 230px; }
.sir-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: #ffffff; }

/* Footer column titles (Jupiter: uppercase 14px white). */
.sir-footer .sir-footer-title { font-size: 14px; letter-spacing: 1px; margin-bottom: 1em; }

/* Tables in page content (TablePress and converted tables). */
.entry-content table, .wp-block-post-content table { border-collapse: collapse; width: 100%; }
.wp-block-post-content td, .wp-block-post-content th { padding: 8px 10px; vertical-align: top; }

/* Gallery "Slideshow" style: images stacked, the first (then .is-current, set by assets/slideshow.js) shown. */
.wp-block-gallery.is-style-sir-slideshow { display: grid !important; gap: 0 !important; margin-top: 0; }
.wp-block-gallery.is-style-sir-slideshow > .wp-block-image { grid-area: 1 / 1; width: 100% !important; margin: 0 !important; opacity: 0; transition: opacity 0.6s ease; }
.wp-block-gallery.is-style-sir-slideshow > .wp-block-image:first-child { opacity: 1; }
.wp-block-gallery.is-style-sir-slideshow:has(> .is-current) > .wp-block-image { opacity: 0; }
.wp-block-gallery.is-style-sir-slideshow > .wp-block-image.is-current { opacity: 1; }
/* Jupiter's slideshow was a fixed 1903 x 650 band (image_width/image_height on the old home page): same shape,
   scaled to the screen width, each picture cropped to fill it. Richard tried a 400px cap and whole pictures
   (2026-11-01) and chose this original look. */
.wp-block-gallery.is-style-sir-slideshow img { width: 100%; height: auto !important; aspect-ratio: 1903 / 650; object-fit: cover; }
.editor-styles-wrapper .wp-block-gallery.is-style-sir-slideshow > .wp-block-image { opacity: 1; grid-area: auto; }
.editor-styles-wrapper .wp-block-gallery.is-style-sir-slideshow { display: flex !important; }

/* Group "Notice" style (Visual Composer message box). */
.is-style-sir-notice { background: #dff0f8; border: 1px solid #c4e3f3; border-radius: 3px; padding: 15px 20px 15px 52px; position: relative; color: #31708f; }
.is-style-sir-notice::before { content: "i"; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border-radius: 50%; background: #5bc0de; color: #fff; font: 700 14px/22px Georgia, serif; text-align: center; }
.is-style-sir-notice p { margin: 0; font-size: 14px; }

/* Group "Card" style (Jupiter boxed team member). */
.is-style-sir-card { background: #e5e5e5; border: 1px solid #898989; padding: 20px; }
.is-style-sir-card h4 { margin: 10px 0 5px; }
.is-style-sir-card p { font-size: 14px; margin: 0; }
.is-style-sir-card img { max-width: 100%; height: auto; }

/* Footer titles stay white over the heading colour from theme.json. */
.sir-footer .sir-footer-title { color: #ffffff !important; }

/* Board member photos: same size in every card. */
.is-style-sir-card .wp-block-image img { aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }