/*
Theme Name:   FewoBendler
Theme URI:    https://fewo-bendler.de
Description:  Child theme of Manila for Ferienwohnungen Bendler (replaces the old Hotello child theme FewoBendlerHotello).
Author:       Sebastian Dillinger
Author URI:   https://dillinger-consulting.com
Template:     manila
Version:      2.0.0
Requires PHP: 8.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  fewobendler
*/

/* Styling follows below. */

/* ==========================================================================
   Brand: dark navy + warm gold, as on the old Hotello design
   ========================================================================== */
:root {
	--fb-navy: #0f1626;
	--fb-navy-2: #18213a;
	--fb-gold: #b8936a;
	--fb-gold-dark: #9c7a54;
	--fb-sand: #f5f1ec;
	--fb-text: #333;
}

body { color: var(--fb-text); overflow-x: hidden; }
a { color: var(--fb-gold-dark); }
a:hover, a:focus { color: var(--fb-navy); }

/* ---------- Header ---------- */
.site-header { background: var(--fb-navy); }
.site-header--default-menu .site-branding { padding: 20px 0 12px; border-bottom: 1px solid rgba(255,255,255,.12); }
.site-header .custom-logo { max-height: 90px; width: auto; }
.site-navigation__list > li > a,
.site-navigation a { color: #fff; }
.site-navigation__list > li > a:hover,
.site-navigation__list > li.current-menu-item > a { color: var(--fb-gold); }
.site-navigation .sub-menu { background: var(--fb-navy-2); }
.site-navigation .sub-menu a { color: #fff; }
#open-mobile-menu, .menu-toggle { filter: invert(1); }

/* ---------- Home slider ---------- */
.homepage-slider__text { color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.45); font-family: "Playfair Display", Georgia, serif; }
.homepage-slider .datepicker-homepage-wrapper { box-shadow: 0 10px 30px rgba(0,0,0,.12); }

/* ---------- Buttons ---------- */
.button, button, input[type="submit"], .wp-block-button__link,
.hotelier .button, .room-loop .button--view-room-details {
	background: var(--fb-gold);
	border-color: var(--fb-gold);
	color: #fff;
}
.button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover,
.hotelier .button:hover { background: var(--fb-navy); border-color: var(--fb-navy); color: #fff; }
.wp-block-button.is-style-outline .wp-block-button__link { background: transparent; color: var(--fb-gold-dark); border: 2px solid var(--fb-gold); }

/* ---------- Front page ---------- */
.home .page__header { display: none; }
@media (min-width: 62em) {
	.home .wrapper .site-main--no-sidebar { max-width: 1170px; }
}
.alignfull {
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	max-width: 100vw !important;
	width: 100vw;
}
.fb-intro { margin-top: 56px; margin-bottom: 72px; gap: 48px; }
.fb-kicker {
	font-family: "Playfair Display", Georgia, serif;
	font-style: italic;
	color: var(--fb-gold);
	font-size: 2rem;
	margin-bottom: 0;
}
.fb-intro h2 { margin-top: .2em; font-size: 2.4rem; line-height: 1.15; }
.fb-notice { background: var(--fb-sand); padding: 24px; border-left: 3px solid var(--fb-gold); font-size: .9rem; }

.fb-features { gap: 0 !important; margin-bottom: 0; }
.fb-features > .wp-block-column { margin: 0 !important; }
.fb-feature { height: 100%; }
.fb-feature h3 { font-size: 1.6rem; letter-spacing: .04em; text-transform: uppercase; margin-bottom: .4em; }
.fb-feature p { line-height: 1.5; }

.fb-band { background: var(--fb-sand); padding: 64px 28px; margin-bottom: 80px; }
.fb-band h3 { font-size: 1.4rem; }

.home .room-loop { margin-bottom: 80px; }
.fb-news-title { margin-top: 24px; }
.fb-news .wp-block-latest-posts__featured-image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.fb-news li > a { font-family: "Playfair Display", Georgia, serif; font-size: 1.3rem; color: var(--fb-navy); text-decoration: none; }

/* ---------- Room cards ---------- */
.room-loop__item { background: #fff; }
.room-loop .room__title a, .room__title { color: var(--fb-navy); }
.room-loop .room__price { color: var(--fb-gold-dark); }

/* ---------- Contact ---------- */
.fb-contact-box { background: var(--fb-sand); padding: 32px; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea { width: 100%; }
.wpcf7 .wpcf7-list-item { margin-left: 0; }

/* ---------- Gallery ---------- */
.page-id-258 .wp-block-gallery { margin-bottom: 56px; }

/* ---------- Footer ---------- */
.site-footer { background: var(--fb-navy); color: rgba(255,255,255,.8); }
.site-footer a { color: #fff; }
.site-footer a:hover { color: var(--fb-gold); }
.site-footer .widget-title { color: var(--fb-gold); }
.site-footer .site-info, .site-footer .footer-copyright { color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.12); }

/* ---------- WP Hotelier extras (Fee per Stay / Kurtaxe notice) ---------- */
.reservation-non-cancellable-disclaimer__text { font-style: italic; }

/* Menu links on the dark header (Manila uses more specific selectors) */
.site-header .site-navigation__link,
.site-header .site-navigation__link--first-level { color: #fff; }
.site-header .site-navigation__link:hover,
.site-header .site-navigation__list > .current-menu-item > .site-navigation__link--first-level,
.site-header .site-navigation__list > .current-menu-ancestor > .site-navigation__link--first-level { color: var(--fb-gold); border-color: var(--fb-gold) !important; }
.site-header--default-menu .site-navigation__item--first-level:hover .site-navigation__link--first-level { border-color: var(--fb-gold); }
.site-header--default-menu .site-branding { border-bottom-color: rgba(255,255,255,.12); }
.site-header--default-menu .sub-menu { background: var(--fb-navy-2); }
.site-header .sub-menu .site-navigation__link { color: #fff; }