/*
Theme Name:   Film Cameras
Theme URI:    https://filmcameras.dimitsal.com/
Description:  Child theme of Twenty Twenty-Five for Film Cameras – Video Tutorials. Black header and footer, Della Respira / Open Sans / Roboto / Lora typography, camera grid and camera post layout.
Author:       Dimitris Tsalkanis
Template:     twentytwentyfive
Version:      1.3.2
Requires at least: 6.6
Requires PHP: 7.4
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  filmcameras
*/

/* ---------- Header ---------- */
/* Betheme-style sticky: header scrolls away, then slides back in fixed */
.fc-header { transition: padding .25s; }
header.wp-block-template-part.is-sticky .fc-header {
	position: fixed; left: 0; right: 0; z-index: 100;
	top: var(--wp-admin--admin-bar--height, 0px);
	padding-top: 4px !important; padding-bottom: 4px !important;
	box-shadow: 0 2px 10px rgba(0,0,0,.35);
	animation: fc-slide-down .35s ease-out;
}
header.wp-block-template-part.is-sticky .wp-block-site-logo img { width: 46px; }
@keyframes fc-slide-down { from { transform: translateY(-100%); } to { transform: translateY(0); } }
@media (max-width: 600px) { header.wp-block-template-part.is-sticky .fc-header { top: 0; } }

.fc-header .wp-block-site-logo img { width: 60px; height: auto; transition: width .25s; }

.fc-header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content { color: #fff; }
.fc-header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
.fc-header .wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content { color: var(--wp--preset--color--gold); text-decoration: none; }

/* dropdowns */
.fc-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background: #000 !important;
	border: 0 !important;
	min-width: 190px !important;
	padding: 8px 0;
}
.fc-header .wp-block-navigation .wp-block-navigation__submenu-container a {
	color: #fff !important;
	font-family: var(--wp--preset--font-family--della-respira);
	font-size: 16px;
	padding: 6px 20px !important;
}
.fc-header .wp-block-navigation .wp-block-navigation__submenu-container a:hover { color: var(--wp--preset--color--gold) !important; }

/* mobile overlay menu */
.fc-header .wp-block-navigation__responsive-container.is-menu-open {
	background: #000 !important;
	color: #fff !important;
}
.fc-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container a { padding: 4px 0 !important; }

/* ---------- Hero ---------- */
.fc-hero h1, .fc-hero p { color: #fff; }
.fc-hero .fc-hero-sub { font-family: var(--wp--preset--font-family--della-respira); font-size: 26px; font-weight: 300; }

/* ---------- Camera grid ---------- */
.fc-grid .wp-block-post-featured-image { margin-bottom: 14px; }
.fc-grid .wp-block-post-featured-image img { aspect-ratio: 3 / 2; object-fit: cover; transition: opacity .2s; }
.fc-grid .wp-block-post-featured-image a:hover img { opacity: .85; }
.fc-grid .wp-block-post-title a { color: var(--wp--preset--color--heading); }
.fc-grid .wp-block-post-title a:hover { color: var(--wp--preset--color--gold); text-decoration: none; }
.fc-grid .wp-block-post-date { background: #f8f8f8; display: inline-block; padding: 2px 8px; }

/* ---------- Page band (category / search titles) ---------- */
.fc-band .wp-block-query-title,
.fc-band .wp-block-post-title,
.fc-band h1 { color: #fff; }

/* ---------- Camera post ---------- */
.single .wp-block-post-content > p { text-align: justify; }
.is-style-fc-specs {
	background: var(--wp--preset--color--light);
	padding: 20px !important;
}
.is-style-fc-specs p {
	font-family: var(--wp--preset--font-family--della-respira);
	font-size: 18px;
	line-height: 1.35;
	color: var(--wp--preset--color--heading);
	margin: 0 0 .45em !important;
}
.is-style-fc-specs p:last-child { margin-bottom: 0 !important; }

/* share links */
.fc-share { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: 14px; }
.fc-share span { color: var(--wp--preset--color--muted); }
.fc-share a { color: var(--wp--preset--color--body-text); }
.fc-share a:hover { color: var(--wp--preset--color--gold); }

/* ---------- Footer ---------- */
.fc-footer, .fc-footer p, .fc-footer h2, .fc-footer label { color: #fff; }
.fc-footer a { color: #fff; }
.fc-footer a:hover { color: var(--wp--preset--color--gold); }
.fc-footer .wp-block-search__input { border: 0; padding: 8px 10px; }
.fc-footer .wp-block-search__button { background: #fff; color: #000; margin-left: 6px; }
.fc-footer .wp-block-search__button:hover { background: var(--wp--preset--color--gold); color: #fff; }
.fc-footer .wp-block-search__label { font-family: var(--wp--preset--font-family--della-respira); font-size: 20px; }
.fc-copy { border-top: 1px solid rgba(255,255,255,.12); }
.fc-copy p { font-family: var(--wp--preset--font-family--roboto); font-weight: 700; font-size: 13px; }

/* Post subtitle */
.fc-subtitle { font-family: var(--wp--preset--font-family--lora); font-style: italic; font-size: 20px; color: var(--wp--preset--color--muted); letter-spacing: .5px; }