/*
 * Tmavá varianta (body.opo-skin-dark): ubytovaniopolany.cz podle původního webu, černé pozadí,
 * světlý text a béžově zlatý akcent #c6b29a. Zapíná ji option opo_skin = dark (nastavuje seed).
 * Barvy jsou hlavně v proměnných, níže jen místa, kde je barva v ostatních souborech napevno.
 */
body.opo-skin-dark {
	--c-accent: #c6b29a;        /* akcent původního webu, na černé kontrast 9,6:1 */
	--c-accent-dark: #d9cab7;   /* najetí myší (na tmavém pozadí světlejší) */
	--c-accent-light: #c6b29a;
	--c-on-accent: #161616;     /* text na akcentu */
	--c-text: #d6d6d6;
	--c-muted: #a9a9a9;
	--c-heading: #ffffff;
	--c-border: #333333;
	--c-bg: #0c0c0c;
	--c-bg-soft: #181818;
	--c-surface: #1c1c1c;       /* karty, boxy */
	--c-header: #0a0a0a;
	--c-dark: #141414;
	--c-darker: #060606;
	--c-footer-text: #bdbdbd;
	/* proměnné pluginu WPlama Hotel: na :root se počítají ze světlých barev, proto znovu tady */
	--wh-accent: #c6b29a;
	--wh-accent-dark: #d9cab7;
	--wh-text: #d6d6d6;
	--wh-muted: #a9a9a9;
	--wh-border: #333333;
	--wh-bg-soft: #181818;
	--wh-dark: #141414;
	--wh-on-accent: #161616;    /* text a šipky na akcentu (béžová) */
	color: var(--c-text);
	background: var(--c-bg);
}
html:has(> body.opo-skin-dark) {
	background: #0c0c0c;
}
.opo-skin-dark ::selection {
	background: #c6b29a;
	color: #161616;
}
.opo-skin-dark a {
	color: var(--c-accent);
}
.opo-skin-dark a:hover {
	color: var(--c-accent-dark);
}

/* tlačítka: akcent s tmavým textem (bílý text na béžové by byl nečitelný) */
.opo-skin-dark .et_pb_button,
.opo-skin-dark a.et_pb_button,
.opo-skin-dark .opo-btn,
.opo-skin-dark .et_pb_button:hover,
.opo-skin-dark a.et_pb_button:hover,
.opo-skin-dark .opo-btn:hover,
.opo-skin-dark .wpcf7 input[type="submit"],
.opo-skin-dark .wplama-hotel .gdlr-button,
.opo-skin-dark .wplama-hotel a.gdlr-button,
.opo-skin-dark .wplama-hotel input[type="submit"].gdlr-button {
	color: var(--c-on-accent) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-button,
.opo-skin-dark .wplama-hotel a.gdlr-button {
	background-color: var(--c-accent) !important;
	border-color: var(--c-accent) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-button:hover,
.opo-skin-dark .wplama-hotel a.gdlr-button:hover {
	background-color: var(--c-accent-dark) !important;
}
.opo-skin-dark body .et_pb_button.opo-booking-link,
.opo-skin-dark a.et_pb_button.opo-booking-link,
body.opo-skin-dark .et_pb_button.opo-booking-link {
	background: transparent !important;
	color: var(--c-accent) !important;
}
body.opo-skin-dark .et_pb_button.opo-booking-link:hover {
	background: var(--c-accent) !important;
	color: var(--c-on-accent) !important;
}

/* hlavička */
.opo-skin-dark .et-l--header .et_pb_section.opo-header-section {
	border-bottom-color: #222;
	box-shadow: 0 2px 14px rgba(0, 0, 0, .4);
}
.opo-skin-dark .opo-nav__list > li > a {
	color: #d6d6d6;
}
.opo-skin-dark .opo-nav__list > li > a:hover,
.opo-skin-dark .opo-nav__list > li.current-menu-item > a,
.opo-skin-dark .opo-nav__list > li.current_page_item > a {
	color: #fff;
}
.opo-skin-dark .opo-nav__list .sub-menu {
	background: var(--c-surface);
}
.opo-skin-dark .opo-burger {
	color: #e6e6e6;
	border-color: rgba(255, 255, 255, .25);
}
.opo-skin-dark .opo-drawer {
	background: #111;
	color: var(--c-text);
}
.opo-skin-dark .opo-drawer a {
	color: #e6e6e6;
}
.opo-skin-dark .opo-skip-link {
	background: #111;
	color: #fff;
}

/* sekce: černé pozadí místo bílého, vzor z původního webu se opakuje (nenatahuje) */
.opo-skin-dark .et_pb_section.opo-home-services,
.opo-skin-dark .et_pb_section.opo-content {
	background: var(--c-bg) !important;
}
.opo-skin-dark .et_pb_section.opo-home-reviews {
	background: #1b1b1b !important;
}
.opo-skin-dark .et_pb_section.opo-hero,
.opo-skin-dark .et_pb_section.opo-home-rooms,
.opo-skin-dark .et_pb_section.opo-home-promise,
.opo-skin-dark .opo-hero--plugin {
	background-size: auto !important;
	background-repeat: repeat !important;
	background-position: center top !important;
	background-color: #1e1e1e !important;
}
.opo-skin-dark .et_pb_section.opo-home-rooms::before,
.opo-skin-dark .opo-hero--plugin::before {
	background: rgba(0, 0, 0, .15);
}
.opo-skin-dark .opo-home-services {
	border-top: 4px solid #2a2a2a;
}
.opo-skin-dark .opo-review {
	background: var(--c-surface);
	color: var(--c-text);
}
.opo-skin-dark .opo-review blockquote::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24'%3E%3Cpath fill='%23c6b29a' d='M0 24V13.6C0 5.9 4.3 1.3 12.9 0l1.2 3c-4.2 1.1-6.4 3.6-6.6 7.4H14V24H0zm18 0V13.6C18 5.9 22.3 1.3 30.9 0l1.2 3c-4.2 1.1-6.4 3.6-6.6 7.4H32V24H18z'/%3E%3C/svg%3E");
}
.opo-skin-dark .opo-review p {
	color: var(--c-accent);
}

/* obsah, tabulky, formuláře */
.opo-skin-dark .opo-text table tr:nth-child(even) td {
	background: #161616;
}
.opo-skin-dark .opo-text table td,
.opo-skin-dark .opo-text table th {
	border-color: #333 !important;
}
.opo-skin-dark .opo-contact-info {
	background: var(--c-surface);
}
.opo-skin-dark .wpcf7 input[type="text"],
.opo-skin-dark .wpcf7 input[type="email"],
.opo-skin-dark .wpcf7 input[type="tel"],
.opo-skin-dark .wpcf7 textarea,
.opo-skin-dark .wpcf7 select {
	background: #141414;
	color: #eee;
	border-color: #3a3a3a;
}
.opo-skin-dark .opo-icon-box::before {
	background-color: var(--c-accent);
}

/* rezervace (plugin WPlama Hotel): tmavé boxy místo barevných, akcent jen na tlačítkách a zvýraznění */
.opo-skin-dark .wplama-hotel {
	color: var(--c-text);
}
.opo-skin-dark .wplama-hotel .gdlr-reservation-bar,
.opo-skin-dark .wplama-hotel .gdlr-booking-process-bar {
	background-color: var(--c-surface) !important;
	border: 1px solid #2e2e2e;
}
.opo-skin-dark .wplama-hotel .gdlr-reservation-bar-title {
	color: var(--c-accent) !important;
	border-bottom-color: #333 !important;
}
.opo-skin-dark .wplama-hotel .gdlr-booking-process-bar .gdlr-booking-process {
	color: #9a9a9a;
}
.opo-skin-dark .wplama-hotel .gdlr-booking-process-bar .gdlr-booking-process.gdlr-active {
	color: var(--c-accent);
}
.opo-skin-dark .wplama-hotel form.gdlr-reservation-bar input.gdlr-reservation-bar-button,
.opo-skin-dark .wplama-hotel form.gdlr-reservation-bar .gdlr-reservation-bar-button {
	background: var(--c-accent) !important;
	color: var(--c-on-accent) !important;
}
.opo-skin-dark .wplama-hotel form.gdlr-reservation-bar input.gdlr-reservation-bar-button:hover,
.opo-skin-dark .wplama-hotel form.gdlr-reservation-bar .gdlr-reservation-bar-button:hover {
	background: var(--c-accent-dark) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-reservation-bar .gdlr-reservation-bar-room-form {
	background-color: rgba(255, 255, 255, .05) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-reservation-bar .gdlr-price-summary-grand-total {
	border-top-color: #3a3a3a !important;
}
.opo-skin-dark .wplama-hotel .gdlr-hotel-room-info-new-style {
	background: var(--c-surface) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-room-info-new-style .gdlr-tail,
.opo-skin-dark .opo-home-rooms .gdlr-room-info-new-style .gdlr-tail {
	color: var(--c-text) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-medium-room .gdlr-hotel-room-info {
	background: var(--c-surface) !important;
	color: var(--c-text) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-medium-room .gdlr-hotel-room-info .gdlr-head {
	color: #fff !important;
}
.opo-skin-dark .wplama-hotel .gdlr-medium-room .gdlr-hotel-room-info .gdlr-room-info::before,
.opo-skin-dark .wplama-hotel .gdlr-medium-room .gdlr-hotel-room-info .gdlr-room-info {
	border-color: #2e2e2e !important;
}
.opo-skin-dark .wplama-hotel .gdlr-room-selection-complete {
	background-color: var(--c-surface) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-room-selection-complete .gdlr-room-selection-title {
	color: #fff !important;
}
.opo-skin-dark .wplama-hotel .gdlr-room-selection-complete .gdlr-room-selection-caption {
	color: var(--c-muted) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-room-selection-complete .gdlr-room-selection-divider {
	border-bottom-color: #333 !important;
}
/* potvrzení odeslané rezervace (krok 4) a chyba rezervace: světlý box ze šablony měl světle šedý text */
.opo-skin-dark .wplama-hotel .gdlr-booking-complete,
.opo-skin-dark .wplama-hotel .gdlr-booking-failed {
	background-color: var(--c-surface) !important;
	color: var(--c-text) !important;
	border: 1px solid var(--c-border);
}
.opo-skin-dark .wplama-hotel .gdlr-booking-complete .gdlr-booking-complete-title,
.opo-skin-dark .wplama-hotel .gdlr-booking-failed .gdlr-booking-failed-title {
	color: #fff !important;
}
.opo-skin-dark .wplama-hotel .gdlr-booking-complete .gdlr-booking-complete-caption,
.opo-skin-dark .wplama-hotel .gdlr-booking-complete .gdlr-booking-complete-additional {
	color: var(--c-text) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-booking-complete .gdlr-booking-complete-additional i {
	color: var(--c-accent) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-booking-contact-form > p > span {
	color: #eee;
}
.opo-skin-dark .wplama-hotel .gdlr-booking-contact-form input[type="text"],
.opo-skin-dark .wplama-hotel .gdlr-booking-contact-form input[type="email"],
.opo-skin-dark .wplama-hotel .gdlr-booking-contact-form textarea {
	background: #141414 !important;
	color: #eee !important;
	border-color: #3a3a3a !important;
}
.opo-skin-dark .wplama-hotel .gdlr-room-title,
.opo-skin-dark .wplama-hotel .gdlr-room-title a {
	color: var(--c-accent) !important;
}
.opo-skin-dark .wplama-hotel .gdlr-medium-room,
.opo-skin-dark .wplama-hotel .gdlr-medium-room-ux {
	border-color: #2a2a2a !important;
}

/* nadpis pokoje na fotce v karuselu zůstává bílý */
.opo-skin-dark .opo-home-rooms .gdlr-modern-room-new .gdlr-room-title,
.opo-skin-dark .opo-home-rooms .gdlr-modern-room-new .gdlr-room-title a {
	color: #fff !important;
}
/* údaje pokoje v tabulce na stránce Rezervace a popis: čitelný světlý text */
.opo-skin-dark .wplama-hotel .gdlr-medium-room .gdlr-hotel-room-info .gdlr-tail,
.opo-skin-dark .wplama-hotel .gdlr-medium-room .gdlr-room-content,
.opo-skin-dark .wplama-hotel .gdlr-room-content {
	color: var(--c-text) !important;
}

/* hlavička jako na původním webu: logo uprostřed a pod ním menu na jednom řádku (8 položek se vedle loga nevejde) */
@media (min-width: 981px) {
	.opo-skin-dark .opo-header__inner {
		flex-direction: column;
		justify-content: center;
		gap: 8px;
		min-height: 0;
		padding: 18px 0 8px;
	}
	.opo-skin-dark .opo-header__logo-img {
		width: 190px;
	}
	.opo-skin-dark .opo-nav__list {
		justify-content: center;
		flex-wrap: nowrap;
	}
}

/* pole rezervačního boxu zůstávají bílá, text v nich tmavý */
.opo-skin-dark .wplama-hotel .gdlr-reservation-bar input.gdlr-datepicker,
.opo-skin-dark .wplama-hotel .gdlr-reservation-bar input[type="text"],
.opo-skin-dark .wplama-hotel .gdlr-reservation-bar select,
.opo-skin-dark .wplama-hotel .gdlr-datepicker-range-wrapper input {
	color: #1c1c1c !important;
}

/* patička: odkazy bílé jako ve světlé variantě */
.opo-skin-dark .opo-footer a {
	color: #fff;
}
.opo-skin-dark .opo-footer-bottom a {
	color: #d9d9d9;
}
.opo-skin-dark .opo-footer-bottom a:hover {
	color: #fff;
}

/* logo ubytovaniopolany.cz: bílý obdélník (ořezané černé pruhy) se zaoblenými rohy */
.opo-skin-dark .opo-header__logo-img {
	border-radius: 3px;
}
@media (max-width: 980px) {
	.opo-skin-dark .opo-header__logo-img {
		width: 130px;
	}
}