/*
Theme Name: DramaBooks
Theme URI: https://dramabooks.ie
Author: DramaBooks
Author URI: https://dramabooks.ie
Description: A modern, extensible Gutenberg block theme for DramaBooks.ie — an online drama bookshop. Full Site Editing, WooCommerce product catalogs, filters, sorting, search, and customizable Global Styles.
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.0
Version: 1.0.57
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dramabooks
Tags: full-site-editing, woocommerce, e-commerce, block-styles, block-patterns, custom-colors, custom-logo, custom-menu, editor-style, featured-images, wide-blocks, translation-ready
*/

/* Front-end extras that are awkward in theme.json. Global Styles still lead. */

@keyframes dramabooks-menu-fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes dramabooks-menu-rise {
	from {
		opacity: 0;
		transform: translateY(-12px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open,
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		animation: none;
	}
}

.wp-site-blocks {
	padding-top: 0 !important;
}

.wp-site-blocks > header.wp-block-template-part {
	margin-top: 0;
}

.dramabooks-site-header.has-background,
.dramabooks-site-header {
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	margin-top: 0 !important;
}

.dramabooks-announcement {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 !important;
}

.dramabooks-site-header.is-stuck {
	box-shadow: 0 10px 30px color-mix(in srgb, var(--wp--preset--color--contrast) 8%, transparent);
}

.dramabooks-site-header .wp-block-search__inside-wrapper {
	border: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

.dramabooks-site-header .wp-block-search__input {
	border: 0 !important;
	box-shadow: none;
	background: var(--wp--preset--color--base);
}

.dramabooks-site-header .wp-block-search__button {
	border: 0;
}

@media (min-width: 782px) {
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container,
	.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
		min-width: max-content !important;
		width: max-content !important;
		max-width: min(90vw, 28rem);
	}

	.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		white-space: nowrap;
	}
}

/* Legacy Unyson page-builder wrappers on dedicated shop pages. */
.entry-content .fw-container,
.entry-content .fw-container-fluid,
.wp-block-post-content .fw-container,
.wp-block-post-content .fw-container-fluid,
.dramabooks-catalog-page .fw-container {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 0;
	padding-right: 0;
}

.entry-content .fw-row,
.wp-block-post-content .fw-row {
	margin-left: 0;
	margin-right: 0;
}

.entry-content .fw-col-xs-12,
.wp-block-post-content .fw-col-xs-12 {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.dramabooks-catalog-page .wp-block-post-content {
	max-width: var(--wp--style--global--wide-size, 1280px);
}

/* Catalog masthead: title + Unyson intro as one designed header. */
.dramabooks-catalog-page main > .wp-block-post-title,
.tax-product_cat main .wp-block-query-title,
.tax-product_tag main .wp-block-query-title {
	text-align: center;
	font-weight: 560;
	letter-spacing: -0.035em;
	line-height: 1.12;
	margin: 0 auto 0;
	max-width: 28ch;
	color: var(--wp--preset--color--contrast);
}

.dramabooks-catalog-page main > .wp-block-post-title::before,
.tax-product_cat main .wp-block-query-title::before,
.tax-product_tag main .wp-block-query-title::before {
	content: "Digital downloads";
	display: block;
	font-family: var(--wp--preset--font-family--outfit, "Segoe UI", sans-serif);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
	margin-bottom: 0.9rem;
}

.dramabooks-catalog-page main > .wp-block-post-title::after,
.tax-product_cat main .wp-block-query-title::after,
.tax-product_tag main .wp-block-query-title::after {
	content: "";
	display: block;
	width: 2.75rem;
	height: 2px;
	margin: 1.05rem auto 0;
	background: var(--wp--preset--color--accent-2);
	border-radius: 2px;
}

.dramabooks-catalog-page:has(.dramabooks-catalog-lede) main > .wp-block-post-title::after,
.tax-product_cat:has(.dramabooks-catalog-lede) main .wp-block-query-title::after,
.tax-product_tag:has(.dramabooks-catalog-lede) main .wp-block-query-title::after {
	display: none;
}

.dramabooks-catalog-lede,
.tax-product_cat main .wp-block-term-description,
.tax-product_tag main .wp-block-term-description,
.dramabooks-catalog-page .wp-block-post-content > section:first-child:not(:has(.woocommerce)) h2 {
	text-align: center !important;
	font-family: var(--wp--preset--font-family--outfit, "Segoe UI", sans-serif);
	font-style: normal;
	font-weight: 400 !important;
	font-size: clamp(0.98rem, 1.3vw, 1.1rem);
	line-height: 1.6;
	color: var(--wp--preset--color--accent-4);
	max-width: 36rem;
	margin: 0.85rem auto 0;
}

.dramabooks-catalog-lede::after {
	content: "";
	display: block;
	width: 2.75rem;
	height: 2px;
	margin: 1.4rem auto 0;
	background: var(--wp--preset--color--accent-2);
	border-radius: 2px;
}

.tax-product_cat main .wp-block-term-description,
.tax-product_tag main .wp-block-term-description {
	margin-bottom: 2rem;
}

.dramabooks-catalog-lede u,
.dramabooks-catalog-lede em {
	font-style: italic;
	text-decoration-color: var(--wp--preset--color--accent-2);
	text-underline-offset: 0.18em;
}

.dramabooks-catalog-page .wp-block-post-content > section:first-child:not(:has(.woocommerce)) {
	margin-bottom: 0;
}

.dramabooks-catalog-shop {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.75rem 2rem;
	align-items: start;
	margin-top: 2.25rem;
}

.dramabooks-catalog-shop .fw-container,
.dramabooks-catalog-shop .fw-container-fluid,
.dramabooks-catalog-shop .fw-row {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.dramabooks-catalog-shop .fw-col-xs-12,
.dramabooks-catalog-shop .fw-col-sm-9,
.dramabooks-catalog-shop .fw-col-sm-3 {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	float: none !important;
}

.dramabooks-catalog-shop .woof_products_top_panel,
.dramabooks-catalog-shop .woof_products_top_panel_content,
.dramabooks-catalog-shop .woocommerce-notices-wrapper:empty {
	display: none !important;
}

.woof_products_top_panel {
	overflow: visible;
	line-height: 1.3;
	margin: 0.2rem 0 1rem;
	position: relative;
	z-index: 2;
	clear: both;
}

.woof_products_top_panel_ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

.woof_products_top_panel li {
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

button.woof_reset_button_2,
.woof_reset_button_2 {
	appearance: none !important;
	-webkit-appearance: none !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	margin: 0;
	padding: 0.45rem 1.05rem !important;
	border: 0 !important;
	border-radius: 999px !important;
	background: var(--wp--preset--color--accent-1) !important;
	color: var(--wp--preset--color--base) !important;
	font-family: var(--wp--preset--font-family--outfit, "Segoe UI", sans-serif);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
	cursor: pointer;
	box-shadow: none !important;
}

button.woof_reset_button_2:hover,
button.woof_reset_button_2:focus,
.woof_reset_button_2:hover,
.woof_reset_button_2:focus {
	background: var(--wp--preset--color--contrast) !important;
	color: var(--wp--preset--color--base) !important;
}

.woof_products_top_panel li a {
	display: inline-flex;
	align-items: center;
	text-decoration: none !important;
	color: inherit;
}

.woof_products_top_panel .woof_remove_ppi,
.woof_products_top_panel li span {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0.32rem 0.38rem 0.32rem 0.85rem !important;
	background: var(--wp--preset--color--accent-5) !important;
	background-image: none !important;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 999px;
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--outfit, "Segoe UI", sans-serif);
	font-size: 0.84rem;
	font-weight: 500;
	line-height: 1.3;
}

.woof_products_top_panel .woof_remove_ppi i {
	font-style: italic;
	font-weight: 600;
	color: var(--wp--preset--color--accent-1);
}

.woof_products_top_panel .woof_remove_ppi::after,
.woof_products_top_panel li span::after {
	content: "";
	flex: 0 0 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 50%;
	background-color: var(--wp--preset--color--accent-1);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23F7F1E5' stroke-width='1.7' stroke-linecap='round' d='M3.2 3.2l5.6 5.6M8.8 3.2L3.2 8.8'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.62rem;
}

.woof_products_top_panel li a:hover .woof_remove_ppi,
.woof_products_top_panel li span:hover {
	border-color: var(--wp--preset--color--accent-1);
}

.woof_products_top_panel li a:hover .woof_remove_ppi::after,
.woof_products_top_panel li span:hover::after {
	background-color: var(--wp--preset--color--contrast);
}

.dramabooks-catalog-shop .woocommerce {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	column-gap: 1rem;
	row-gap: 1.35rem;
}

.dramabooks-catalog-shop .woocommerce::before,
.dramabooks-catalog-shop .woocommerce::after {
	display: none !important;
	content: none !important;
}

.dramabooks-catalog-shop .woocommerce .woocommerce-result-count {
	padding-left: 10px;
}
.dramabooks-catalog-page .woocommerce-notices-wrapper,
.dramabooks-catalog-page .woocommerce-result-count,
.dramabooks-catalog-page .woocommerce .woocommerce-ordering {
	margin: 0 !important;
	float: none !important;
}

.dramabooks-catalog-shop .woocommerce-result-count {
	grid-column: 1;
	align-self: center;
}

.dramabooks-catalog-shop .woocommerce-ordering {
	grid-column: 2;
	justify-self: end;
}

.dramabooks-catalog-shop ul.products,
.dramabooks-catalog-shop .woocommerce-pagination {
	grid-column: 1 / -1;
}

@media (min-width: 900px) {
	.dramabooks-catalog-shop {
		grid-template-columns: minmax(0, 1fr) minmax(16.5rem, 18.5rem);
	}

	.dramabooks-catalog-shop > :not(.dramabooks-catalog-filter) {
		grid-column: 1;
	}

	.dramabooks-catalog-shop > .dramabooks-catalog-filter {
		grid-column: 2;
		grid-row: 1;
		position: sticky;
		top: 1.25rem;
	}
}

.dramabooks-catalog-filter {
	background: var(--wp--preset--color--accent-5);
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 16px;
	padding: 1.05rem 1.35rem 1.4rem;
	margin-top: 0;
}

.dramabooks-catalog-filter__title {
	font-family: var(--wp--preset--font-family--outfit, "Segoe UI", sans-serif);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
	margin: 0 0 1rem;
}

.dramabooks-catalog-filter .woof,
.dramabooks-catalog-filter .woof_redraw_zone,
.dramabooks-catalog-filter .woof_container,
.dramabooks-catalog-filter .woof_container_inner,
.dramabooks-catalog-filter .woof_block_html_items {
	margin: 0;
	padding: 0;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
}

.dramabooks-catalog-filter .woof_edit_view,
.dramabooks-catalog-filter .woof_container_overlay_item,
.dramabooks-catalog-filter .woof_submit_search_form_container:empty,
.dramabooks-catalog-filter .widget-woof > .title,
.dramabooks-catalog-filter .woof_checkbox_term:disabled,
.dramabooks-catalog-filter li:has(.woof_checkbox_term:disabled) {
	display: none !important;
}

.dramabooks-catalog-filter .woof_list,
.dramabooks-catalog-filter .woof_childs_list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dramabooks-catalog-filter .woof_list > li {
	margin: 0;
	padding: 0.15rem 0;
}

.dramabooks-catalog-filter .woof_list > li + li {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 8%, transparent);
	margin-top: 0.35rem;
	padding-top: 0.55rem;
}

.dramabooks-catalog-filter .woof_childs_list {
	margin: 0.35rem 0 0.2rem 0.15rem;
	padding-left: 0.85rem;
	border-left: 2px solid var(--wp--preset--color--accent-6);
}

.dramabooks-catalog-filter .woof_childs_list li {
	margin: 0;
	padding: 0.12rem 0;
	border: 0;
}

.dramabooks-catalog-filter .woof_checkbox_label {
	display: flex;
	align-items: flex-start;
	gap: 0.55rem;
	font-family: var(--wp--preset--font-family--outfit, "Segoe UI", sans-serif);
	font-size: 0.92rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--wp--preset--color--contrast);
	cursor: pointer;
	margin: 0;
}

.dramabooks-catalog-filter .woof_list > li > .woof_checkbox_label {
	font-weight: 650;
}

.dramabooks-catalog-filter .woof_checkbox_count {
	margin-left: auto;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--accent-4);
}

.dramabooks-catalog-filter .woof_checkbox_term,
.dramabooks-catalog-filter input[type="checkbox"] {
	appearance: none !important;
	-webkit-appearance: none !important;
	flex: 0 0 1.05rem;
	width: 1.05rem !important;
	height: 1.05rem !important;
	min-width: 1.05rem;
	margin: 0.12rem 0 0 !important;
	border: 1.5px solid var(--wp--preset--color--accent-4) !important;
	border-radius: 4px !important;
	background: #fff !important;
	box-shadow: none !important;
	cursor: pointer;
	float: none !important;
	position: relative !important;
	opacity: 1 !important;
}

.dramabooks-catalog-filter .woof_checkbox_term:checked,
.dramabooks-catalog-filter input[type="checkbox"]:checked {
	background-color: var(--wp--preset--color--accent-1) !important;
	border-color: var(--wp--preset--color--accent-1) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23F7F1E5' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M2.2 6.2 4.7 8.6 9.8 3.4'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 0.75rem !important;
}

.dramabooks-catalog-filter .woof_checkbox_term:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-2);
	outline-offset: 2px;
}

.dramabooks-catalog-filter .woof_checkbox_label:hover {
	color: var(--wp--preset--color--accent-1);
}

.dramabooks-filter-parent {
	position: relative;
}

.dramabooks-filter-parent > .woof_checkbox_label {
	padding-right: 1.85rem;
}

.dramabooks-filter-toggle {
	position: absolute;
	top: 0.05rem;
	right: 0;
	width: 1.65rem;
	height: 1.65rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--accent-1);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.dramabooks-filter-toggle::before {
	content: "";
	width: 0.42rem;
	height: 0.42rem;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	margin-top: -0.15rem;
}

.dramabooks-filter-parent.is-collapsed > .woof_childs_list {
	display: none;
}

.dramabooks-filter-parent.is-collapsed .dramabooks-filter-toggle::before {
	transform: rotate(-45deg);
	margin-top: 0;
}

.dramabooks-catalog-filter .woof_submit_search_form_container,
.dramabooks-catalog-filter .woof_reset_search_form {
	display: none !important;
}

.dramabooks-catalog-filter__reset {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	margin-top: 1.15rem;
	padding: 0.7rem 1.25rem;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--accent-1);
	color: var(--wp--preset--color--base);
	font-family: var(--wp--preset--font-family--outfit, "Segoe UI", sans-serif);
	font-size: 0.82rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	text-decoration: none;
}

.dramabooks-catalog-filter__reset:hover,
.dramabooks-catalog-filter__reset:focus {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	text-decoration: none;
}

body.dramabooks-shop-sidebar-none .dramabooks-shop-layout > .dramabooks-filter-column {
	display: none;
}

.wp-block-cover.has-accent-1-background-color .wp-block-cover__background {
	background-image: radial-gradient(ellipse at 20% 0%, rgba(201, 162, 39, 0.28), transparent 42%), radial-gradient(ellipse at 80% 100%, rgba(26, 18, 16, 0.25), transparent 50%);
}

.dramabooks-product-card .wc-block-components-product-image,
.wp-block-woocommerce-product-image {
	border-radius: 8px;
	overflow: hidden;
	background: transparent;
}

.wc-block-product:has(.wcmp-player-container) .wp-block-woocommerce-product-image,
.wp-block-post.product:has(.wcmp-player-container) .wp-block-woocommerce-product-image {
	overflow: visible;
	background: transparent;
}

.wc-block-product:has(.wcmp-player-container),
.wp-block-post.product:has(.wcmp-player-container),
.wp-block-woocommerce-product-template .wc-block-product {
	overflow: visible;
	background: transparent;
}

.wp-block-woocommerce-product-collection ul.wc-block-product-template,
.wp-block-woocommerce-product-template {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.dramabooks-shop-sidebar-right .dramabooks-shop-layout {
	flex-direction: row-reverse;
}

.dramabooks-filter-panel {
	position: sticky;
	top: 1.5rem;
	background: var(--wp--preset--color--accent-5);
	border-radius: 16px;
}

.dramabooks-filter-column:not(:has(.dramabooks-filter-panel)) {
	background: var(--wp--preset--color--accent-5);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--40, 1.25rem);
	position: sticky;
	top: 1.5rem;
	align-self: start;
}

@media (max-width: 781px) {
	.dramabooks-filter-panel {
		position: static;
	}
}

/* Dual logos: light-background vs dark-background wordmarks. */
.wp-block-site-logo .custom-logo-link,
.wp-block-dramabooks-site-logo .custom-logo-link {
	display: inline-flex;
	align-items: center;
}

.dramabooks-logo--on-dark {
	display: none;
}

.dramabooks-logo-theme-dark .dramabooks-logo--on-light {
	display: none;
}

.dramabooks-logo-theme-dark .dramabooks-logo--on-dark {
	display: inline-block;
}

.dramabooks-logo-theme-light .dramabooks-logo--on-dark {
	display: none;
}

.dramabooks-logo-theme-light .dramabooks-logo--on-light {
	display: inline-block;
}

.dramabooks-logo-placeholder {
	font-family: var(--wp--preset--font-family--fraunces, Georgia, serif);
	font-size: 1.45rem;
	font-weight: 650;
	letter-spacing: -0.03em;
	line-height: 1.15;
	color: inherit;
	display: inline-block;
}

.dramabooks-site-footer .dramabooks-logo-placeholder {
	color: var(--wp--preset--color--base);
}

/* Footer lists: no bullets unless Customizer re-enables them. */
.dramabooks-site-footer ul,
.dramabooks-site-footer .wp-block-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

.dramabooks-site-footer ul li,
.dramabooks-site-footer .wp-block-list li {
	list-style: none;
}

body.dramabooks-footer-list-bullets .dramabooks-site-footer ul,
body.dramabooks-footer-list-bullets .dramabooks-site-footer .wp-block-list {
	list-style: disc;
	padding-left: 1.15em;
}

body.dramabooks-footer-list-bullets .dramabooks-site-footer ul li,
body.dramabooks-footer-list-bullets .dramabooks-site-footer .wp-block-list li {
	list-style: disc;
}

.wp-block-list.is-style-plain {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

/* Footer link colours (Customizer). */
.dramabooks-site-footer .wp-block-list a,
.dramabooks-site-footer p a,
.dramabooks-site-footer .wp-block-navigation a,
.dramabooks-site-footer .wp-block-navigation-item__content {
	color: var(--dramabooks-footer-link, #f7f1e5);
}

.dramabooks-site-footer .wp-block-list a:hover,
.dramabooks-site-footer .wp-block-list a:focus,
.dramabooks-site-footer p a:hover,
.dramabooks-site-footer p a:focus,
.dramabooks-site-footer .wp-block-navigation a:hover,
.dramabooks-site-footer .wp-block-navigation a:focus,
.dramabooks-site-footer .wp-block-navigation-item__content:hover,
.dramabooks-site-footer .wp-block-navigation-item__content:focus {
	color: var(--dramabooks-footer-link-hover, #c9a227);
}

.dramabooks-footer-search {
	margin-top: 1rem;
}

.dramabooks-footer-search-align-center {
	display: flex;
	justify-content: center;
}

.dramabooks-footer-search-align-right {
	display: flex;
	justify-content: flex-end;
}

.dramabooks-site-footer > .dramabooks-footer-search {
	max-width: var(--wp--style--global--wide-size, 1280px);
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/* Footer bottom bar: keep dropdowns unclipped and open upward. */
.wp-site-blocks > footer,
.dramabooks-site-footer,
.dramabooks-site-footer .wp-block-group,
.dramabooks-footer-bar,
.dramabooks-footer-nav,
.dramabooks-site-footer .wp-block-navigation {
	overflow: visible;
}

.dramabooks-footer-bar {
	position: relative;
	z-index: 40;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
}

.dramabooks-footer-bar-widgets {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 1rem;
}

.dramabooks-footer-bar-widgets .widget {
	margin: 0;
}

.dramabooks-footer-bar-widgets .widget-title {
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	margin: 0 0 0.35rem;
}

.dramabooks-footer-bar-placeholder {
	font-size: 0.8rem;
	opacity: 0.75;
	margin: 0;
}

.dramabooks-footer-bar-widgets .widget_nav_menu,
.dramabooks-footer-bar-widgets .widget_pages,
.dramabooks-footer-bar-widgets .menu-item,
.dramabooks-footer-bar-widgets li.page_item {
	position: relative;
}

@media (min-width: 782px) {
	.dramabooks-site-footer .wp-block-navigation .wp-block-navigation__submenu-icon {
		transform: rotate(180deg);
	}

	.dramabooks-site-footer .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon,
	.dramabooks-site-footer .wp-block-navigation .has-child.is-open > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon,
	.dramabooks-site-footer .wp-block-navigation-submenu.is-open > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
		transform: rotate(0deg);
	}

	.dramabooks-site-footer .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		top: auto !important;
		bottom: 100%;
		left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	.dramabooks-site-footer .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		top: auto !important;
		bottom: 0 !important;
		left: 100% !important;
		right: auto !important;
	}

	.dramabooks-footer-bar-widgets .sub-menu,
	.dramabooks-footer-bar-widgets .children {
		position: absolute;
		left: 0;
		right: auto;
		top: auto;
		bottom: 100%;
		z-index: 40;
		min-width: max-content;
		margin: 0;
		padding: 0.35rem 0;
		list-style: none;
		background: var(--wp--preset--color--base);
		color: var(--wp--preset--color--contrast);
		box-shadow: 0 -10px 30px color-mix(in srgb, var(--wp--preset--color--contrast) 12%, transparent);
	}

	.dramabooks-footer-bar-widgets .sub-menu .sub-menu,
	.dramabooks-footer-bar-widgets .children .children {
		left: 100%;
		bottom: 0;
	}
}

/* Cover: photo, then extra tint, then Overlay colour, then text. */
.wp-block-cover.dramabooks-has-extra-overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background-color: var(--dramabooks-extra-overlay-color, #000);
	opacity: var(--dramabooks-extra-overlay-opacity, 0.15);
}

.wp-block-cover.dramabooks-has-extra-overlay .wp-block-cover__image-background,
.wp-block-cover.dramabooks-has-extra-overlay .wp-block-cover__video-background {
	z-index: 0;
}

.wp-block-cover.dramabooks-has-extra-overlay .wp-block-cover__background {
	z-index: 2;
}

.wp-block-cover.dramabooks-has-extra-overlay .wp-block-cover__inner-container {
	z-index: 3;
}

/* -------------------------------------------------------------------------
   Mobile: compact header, stacked footer nav.
   ------------------------------------------------------------------------- */
@media (max-width: 899px) {
	.dramabooks-announcement {
		padding-top: 0.35rem !important;
		padding-bottom: 0.35rem !important;
		padding-left: 0.85rem !important;
		padding-right: 0.85rem !important;
	}

	.dramabooks-announcement p {
		font-size: 0.62rem !important;
		letter-spacing: 0.05em !important;
		line-height: 1.35;
	}

	.dramabooks-header-main,
	.dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto auto auto;
		grid-template-areas:
			"logo account cart nav"
			"search search search search";
		column-gap: 0;
		row-gap: 0.55rem;
		align-items: center;
		padding-top: 0.55rem !important;
		padding-bottom: 0.55rem !important;
	}

	.dramabooks-header-brandrow,
	.dramabooks-header-tools,
	.dramabooks-header-navrow,
	.dramabooks-header-main > .wp-block-group,
	.dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) > .wp-block-group,
	.dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) > .wp-block-group > .wp-block-group {
		display: contents !important;
		margin: 0 !important;
		max-width: none !important;
	}

	.dramabooks-header-main > .wp-block-dramabooks-site-logo,
	.dramabooks-header-main > .wp-block-site-logo,
	.dramabooks-header-main > .wp-block-search,
	.dramabooks-header-main > .wp-block-woocommerce-customer-account,
	.dramabooks-header-main > .wp-block-woocommerce-mini-cart,
	.dramabooks-header-main > nav.wp-block-navigation,
	.dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) > .wp-block-dramabooks-site-logo,
	.dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) .wp-block-search,
	.dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) .wp-block-woocommerce-customer-account,
	.dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) .wp-block-woocommerce-mini-cart,
	.dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) nav.wp-block-navigation {
		max-width: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.dramabooks-site-header .wp-block-dramabooks-site-logo,
	.dramabooks-site-header .wp-block-site-logo {
		grid-area: logo;
		width: min(158px, 44vw) !important;
		max-width: 44vw;
		justify-self: start;
	}

	.dramabooks-site-header .wp-block-dramabooks-site-logo img,
	.dramabooks-site-header .wp-block-site-logo img,
	.dramabooks-site-header .custom-logo {
		width: min(158px, 44vw) !important;
		max-width: 100%;
		height: auto !important;
	}

	.dramabooks-site-header .wp-block-search {
		grid-area: search;
		width: 100%;
		max-width: 100%;
		flex: 1 1 100%;
	}

	.dramabooks-site-header .wp-block-search__inside-wrapper {
		width: 100% !important;
		max-width: 100%;
		min-height: 2.15rem;
		align-items: stretch;
	}

	.dramabooks-site-header .wp-block-search__input {
		min-width: 0;
		width: 100%;
		height: 2.15rem;
		min-height: 2.15rem;
		font-size: 0.8rem;
		padding: 0.35rem 0.75rem 0.35rem 0.85rem !important;
		line-height: 1.2;
		margin-right: 10px;
	}

	.dramabooks-site-header .wp-block-search__button {
		width: 2.15rem;
		min-width: 2.15rem;
		height: 2.15rem;
		min-height: 2.15rem;
		padding: 0.3rem !important;
		margin: 0;
	}

	.dramabooks-site-header .wp-block-search__button svg {
		width: 16px;
		height: 16px;
	}

	body.dramabooks-hide-header-search-mobile .dramabooks-header-main,
	body.dramabooks-hide-header-search-mobile .dramabooks-site-header > .wp-block-group.alignfull:not(.dramabooks-announcement) {
		grid-template-areas: "logo account cart nav";
		grid-template-columns: minmax(0, 1fr) auto auto auto;
		row-gap: 0;
	}

	body.dramabooks-hide-header-search-mobile .dramabooks-site-header .wp-block-search {
		display: none !important;
	}

	.dramabooks-site-header .wp-block-woocommerce-customer-account {
		grid-area: account;
		display: flex !important;
		align-items: center;
		justify-content: center;
		align-self: center;
		justify-self: end;
		width: 44px;
		height: 44px;
	}

	.dramabooks-header-navrow .wp-block-woocommerce-customer-account,
	.dramabooks-site-header .is-content-justification-center > .wp-block-woocommerce-customer-account,
	.dramabooks-site-header .wp-block-navigation > .wp-block-woocommerce-customer-account,
	.dramabooks-site-header .wp-block-woocommerce-customer-account ~ .wp-block-woocommerce-customer-account {
		display: none !important;
	}

	.dramabooks-site-header .wp-block-woocommerce-mini-cart,
	.dramabooks-site-header .dramabooks-checkout-cart-icon {
		grid-area: cart;
		display: flex !important;
		align-items: center;
		justify-content: center;
		align-self: center;
		justify-self: end;
		width: 44px;
		height: 44px;
	}

	.dramabooks-site-header .wc-block-customer-account__link,
	.dramabooks-site-header .wc-block-mini-cart__button,
	.dramabooks-site-header .dramabooks-checkout-cart-icon {
		width: 44px;
		height: 44px;
		min-width: 44px;
		min-height: 44px;
		padding: 0 !important;
		gap: 0 !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.dramabooks-site-header .wc-block-customer-account__account-icon,
	.dramabooks-site-header .wp-block-woocommerce-customer-account svg,
	.dramabooks-site-header .wc-block-mini-cart__icon {
		width: 24px !important;
		height: 24px !important;
		margin: 0 !important;
	}

	.dramabooks-site-header .wc-block-mini-cart__amount {
		display: none;
	}

	.dramabooks-site-header nav.wp-block-navigation {
		grid-area: nav;
		justify-self: end;
		margin: 0 !important;
		width: auto;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container-open {
		display: flex !important;
		align-items: center;
		justify-content: center;
		width: 44px;
		height: 44px;
		padding: 0;
		color: var(--wp--preset--color--accent-1);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	.dramabooks-site-header:has(.wp-block-navigation__responsive-container.is-menu-open) {
		position: relative !important;
		z-index: 100000;
	}

	html:has(.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open) {
		overflow: hidden;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		position: fixed !important;
		z-index: 100001;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		width: auto !important;
		height: auto !important;
		max-width: none !important;
		overflow: auto !important;
		padding: 0.7rem 0.7rem 1.25rem !important;
		background: color-mix(in srgb, var(--wp--preset--color--contrast) 52%, transparent) !important;
		background-color: color-mix(in srgb, var(--wp--preset--color--contrast) 52%, transparent) !important;
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		animation: dramabooks-menu-fade 0.22s ease;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: 2.4rem auto;
		align-items: stretch;
		align-self: flex-start;
		width: 100%;
		max-width: 26.5rem;
		margin: 0 auto;
		min-height: 0;
		max-height: calc(100dvh - 1.95rem);
		padding: 0;
		overflow: hidden;
		border-radius: 9px;
		background: var(--wp--preset--color--accent-5) !important;
		box-shadow: 0 18px 50px color-mix(in srgb, var(--wp--preset--color--contrast) 28%, transparent);
		animation: dramabooks-menu-rise 0.28s ease;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container-close {
		grid-column: 1;
		grid-row: 1;
		position: relative;
		align-self: stretch;
		flex: none;
		display: inline-flex !important;
		align-items: center;
		justify-content: flex-start;
		margin: 0;
		width: 100%;
		height: auto;
		min-height: 0;
		padding: 0 0.95rem;
		border: 0;
		border-bottom: 1px solid var(--wp--preset--color--accent-6);
		border-radius: 0;
		background: var(--wp--preset--color--base);
		color: var(--wp--preset--color--contrast);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container-close:hover,
	.dramabooks-site-header .wp-block-navigation__responsive-container-close:focus {
		color: var(--wp--preset--color--accent-1);
		background: var(--wp--preset--color--base);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container-close svg {
		width: 15px;
		height: 15px;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		grid-column: 1 / -1;
		grid-row: 2;
		display: flex;
		flex-direction: column;
		align-items: stretch !important;
		justify-content: flex-start !important;
		padding: 0;
		width: 100% !important;
		max-width: none !important;
		max-height: calc(100dvh - 4.5rem);
		overflow: auto;
		background: var(--wp--preset--color--accent-5);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		flex: 0 0 auto !important;
		gap: 0 !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		list-style: none;
		text-align: left;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto;
		align-items: stretch;
		align-self: stretch !important;
		flex: 0 0 auto !important;
		width: 100% !important;
		max-width: none !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		gap: 0 !important;
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-6) 80%, transparent);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child {
		grid-template-columns: minmax(0, 1fr) 2.7rem;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-item__content {
		grid-column: 1;
		grid-row: 1;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: auto !important;
		max-width: 100%;
		min-width: 0;
		min-height: 2.4rem;
		padding: 0.42rem 0.95rem;
		text-align: left;
		text-transform: uppercase;
		font-family: var(--wp--preset--font-family--outfit, "Segoe UI", sans-serif);
		font-size: 0.78rem;
		font-weight: 600;
		letter-spacing: 0.08em;
		line-height: 1.3;
		color: var(--wp--preset--color--contrast);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-item__content:hover,
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-item__content:focus {
		color: var(--wp--preset--color--accent-1);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
		display: none !important;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle,
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-icon {
		grid-column: 2;
		grid-row: 1;
		position: relative !important;
		z-index: 2;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		align-self: stretch;
		width: 2.7rem;
		min-width: 2.7rem;
		max-width: 2.7rem;
		min-height: 2.4rem;
		height: auto;
		margin: 0 !important;
		padding: 0 !important;
		border: 0;
		border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--accent-6) 80%, transparent);
		border-radius: 0;
		background: transparent;
		color: var(--wp--preset--color--contrast);
		box-shadow: none;
		cursor: pointer;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle svg,
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon svg {
		width: 11px;
		height: 11px;
		display: block;
		fill: none;
		stroke: currentColor;
		transform: rotate(0deg);
		transition: transform 0.18s ease;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"],
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open > .wp-block-navigation-submenu__toggle {
		color: var(--wp--preset--color--accent-1);
		background: color-mix(in srgb, var(--wp--preset--color--accent-1) 7%, transparent);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg,
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open > .wp-block-navigation-submenu__toggle svg {
		transform: rotate(180deg);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		display: none !important;
		grid-column: 1 / -1;
		grid-row: 2;
		position: static !important;
		inset: auto !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		opacity: 1 !important;
		visibility: visible !important;
		overflow: visible !important;
		box-shadow: none !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		background: color-mix(in srgb, var(--wp--preset--color--accent-6) 62%, var(--wp--preset--color--accent-5)) !important;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle[aria-expanded="true"] + .wp-block-navigation__submenu-container,
	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.has-child.is-open > .wp-block-navigation__submenu-container {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		background: color-mix(in srgb, var(--wp--preset--color--accent-6) 62%, var(--wp--preset--color--accent-5)) !important;
		box-shadow: inset 3px 0 0 color-mix(in srgb, var(--wp--preset--color--accent-1) 48%, transparent);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		padding-left: 1.5rem;
		font-size: 0.72rem;
		letter-spacing: 0.1em;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		background: color-mix(in srgb, var(--wp--preset--color--accent-1) 9%, color-mix(in srgb, var(--wp--preset--color--accent-6) 82%, var(--wp--preset--color--accent-5))) !important;
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		background: color-mix(in srgb, var(--wp--preset--color--accent-1) 9%, color-mix(in srgb, var(--wp--preset--color--accent-6) 82%, var(--wp--preset--color--accent-5))) !important;
		box-shadow: inset 3px 0 0 color-mix(in srgb, var(--wp--preset--color--accent-1) 72%, transparent);
	}

	.dramabooks-site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		padding-left: 2.2rem;
		font-size: 0.7rem;
	}

	.dramabooks-footer-bar {
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		text-align: center;
		gap: 0.85rem;
	}

	.dramabooks-footer-bar > p {
		margin: 0;
		order: 2;
	}

	.dramabooks-footer-nav,
	.dramabooks-footer-bar-widgets {
		order: 1;
		width: 100%;
		justify-content: center;
	}

	.dramabooks-footer-nav .wp-block-navigation__container,
	.dramabooks-footer-bar-widgets .menu,
	.dramabooks-footer-bar-widgets .widget_nav_menu ul {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		justify-content: stretch !important;
		width: 100%;
		gap: 0 !important;
		text-align: center;
	}

	.dramabooks-footer-nav .wp-block-navigation-item,
	.dramabooks-footer-bar-widgets .menu-item,
	.dramabooks-footer-bar-widgets li.page_item {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 14%, transparent);
	}

	.dramabooks-footer-nav .wp-block-navigation-item__content,
	.dramabooks-footer-bar-widgets .menu-item a,
	.dramabooks-footer-bar-widgets li.page_item a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.25rem;
		width: 100%;
		padding: 0.45rem 0.35rem;
		font-size: 0.68rem;
		letter-spacing: 0.04em;
		line-height: 1.25;
	}

	.dramabooks-footer-nav .wp-block-navigation__submenu-icon {
		display: none;
	}

	.dramabooks-footer-nav .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container,
	.dramabooks-footer-bar-widgets .sub-menu,
	.dramabooks-footer-bar-widgets .children {
		display: none !important;
	}

	body.dramabooks-hide-footer-nav-mobile .dramabooks-footer-nav,
	body.dramabooks-hide-footer-nav-mobile .dramabooks-footer-bar-widgets {
		display: none !important;
	}

	body.dramabooks-hide-footer-nav-mobile .dramabooks-footer-bar {
		gap: 0;
	}

	body.dramabooks-hide-footer-nav-mobile .dramabooks-footer-bar > p {
		order: 0;
	}
}

@media (min-width: 782px) {
	body.dramabooks-hide-footer-nav-desktop .dramabooks-footer-nav,
	body.dramabooks-hide-footer-nav-desktop .dramabooks-footer-bar-widgets {
		display: none !important;
	}

	body.dramabooks-hide-footer-nav-desktop .dramabooks-footer-bar {
		justify-content: flex-start;
	}
}

/*
 * Per-block viewport visibility (Advanced → Hide on viewport).
 * Ranges are contiguous so every width matches exactly one checkbox.
 */
@media (max-width: 479px) {
	.dramabooks-hide-mobile {
		display: none !important;
	}
}

@media (min-width: 480px) and (max-width: 781px) {
	.dramabooks-hide-mobile-landscape {
		display: none !important;
	}
}

@media (min-width: 782px) and (max-width: 1023px) {
	.dramabooks-hide-tablet {
		display: none !important;
	}
}

@media (min-width: 1024px) {
	.dramabooks-hide-desktop {
		display: none !important;
	}
}