/*
Theme Name: The Haftarah and Its Parsha
Theme URI: https://haftarahparsha.com
Author: Stewart Anthony
Description: A traditional, book-like block theme for The Haftarah and Its Parsha by Richard W. Golden. Parchment, binding brown and gold, set in Literata, with the author's own photographs. Built for the block editor and WooCommerce.
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: haftarah-parsha
WC requires at least: 9.0
WC tested up to: 11.2
*/

:root {
	--hp-gold: #A9812F;
	--hp-gold-light: #E2C98A;
	--hp-binding: #3B2418;
	--hp-paper: #FBF7EE;
	--hp-parchment: #F4ECDB;
	--hp-sand: #EADFC6;
	--hp-rule: #DCCBA3;
	--hp-ink: #231C14;
	--hp-umber: #7A5A1E;
	--hp-muted: #5C5040;
	--hp-overlay: rgba(38, 22, 14, 0.8);
	--hp-ease: cubic-bezier(.16, 1, .3, 1);
	--hp-ornament: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Crect x='3' y='3' width='8' height='8' transform='rotate(45 7 7)' fill='%23A9812F'/%3E%3C/svg%3E");
}

body { -webkit-font-smoothing: antialiased; font-optical-sizing: auto; }
::selection { background: var(--hp-gold-light); color: var(--hp-ink); }
:where(a, button, input, textarea, select, summary):focus-visible { outline: 2px solid var(--hp-gold); outline-offset: 3px; }
img { height: auto; }

/* ---------- Header ---------- */
.hp-topbar { font-size: 0.875rem; letter-spacing: 0.08em; }
.hp-topbar p { margin: 0; }
.hp-topbar .hp-smallcaps { font-variant: small-caps; letter-spacing: 0.12em; }
.hp-hebrew { font-family: var(--wp--preset--font-family--hebrew); font-size: 0.95rem; letter-spacing: 0; }
.hp-header .wp-block-site-logo img { height: 72px; width: auto; }
.hp-header .wp-block-navigation a { text-decoration: none; padding: 10px 0; }
.hp-header .wp-block-navigation .current-menu-item > a,
.hp-header .wp-block-navigation a[aria-current="page"] { text-decoration: underline; text-decoration-color: var(--hp-gold); text-underline-offset: 8px; }
.hp-header .wp-block-navigation a:hover { color: var(--hp-umber); }
.hp-header .wc-block-mini-cart__button { width: 44px; height: 44px; justify-content: center; border: 1px solid var(--hp-gold); color: var(--hp-binding); transition: transform .35s var(--hp-ease); }
.hp-header .wc-block-mini-cart__button:hover { transform: translateY(-3px); }
.hp-double-rule { border-top: 1px solid var(--hp-gold); border-bottom: 1px solid var(--hp-gold); height: 3px; }
.wp-block-navigation__responsive-container.is-menu-open { background: var(--hp-parchment) !important; }

/* ---------- Ornaments ---------- */
.wp-block-separator.is-style-hp-ornament {
	border: 0 !important; height: 14px; width: 150px; max-width: 100%; opacity: 1;
	background: var(--hp-ornament) center / 14px 14px no-repeat, linear-gradient(var(--hp-gold), var(--hp-gold)) left center / 56px 1px no-repeat, linear-gradient(var(--hp-gold), var(--hp-gold)) right center / 56px 1px no-repeat;
}
.wp-block-separator.is-style-hp-ornament.is-style-hp-ornament { margin-left: auto; margin-right: auto; }
.wp-block-separator.is-style-hp-ornament.hp-wide { width: 100%; background: var(--hp-ornament) center / 12px 12px no-repeat, linear-gradient(var(--hp-rule), var(--hp-rule)) left center / calc(50% - 22px) 1px no-repeat, linear-gradient(var(--hp-rule), var(--hp-rule)) right center / calc(50% - 22px) 1px no-repeat; }
.wp-block-separator.is-style-hp-rule { border: 0 !important; border-top: 2px solid var(--hp-gold) !important; width: 96px; height: 0; opacity: 1; margin-left: 0; }
h2.is-style-hp-eyebrow, h3.is-style-hp-eyebrow, p.is-style-hp-eyebrow {
	font-size: 0.9375rem !important; font-weight: 500; letter-spacing: 0.28em; text-transform: uppercase; color: var(--hp-umber);
	display: flex; align-items: center; justify-content: center; gap: 16px; line-height: 1.4;
}
h2.is-style-hp-eyebrow::before, h2.is-style-hp-eyebrow::after, p.is-style-hp-eyebrow::before, p.is-style-hp-eyebrow::after {
	content: ""; width: 86px; height: 14px; flex: none;
	background: var(--hp-ornament) center / 14px 14px no-repeat, linear-gradient(var(--hp-gold), var(--hp-gold)) left center / 56px 1px no-repeat;
}
h2.is-style-hp-eyebrow::after, p.is-style-hp-eyebrow::after { transform: scaleX(-1); }
h2.is-style-hp-eyebrow.has-text-align-left, p.is-style-hp-eyebrow.has-text-align-left { justify-content: flex-start; }
h2.is-style-hp-eyebrow.has-text-align-left::before, h2.is-style-hp-eyebrow.has-text-align-left::after { display: none; }
.hp-label { font-size: 0.875rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--hp-umber); }

/* ---------- Images ---------- */
.wp-block-image.is-style-hp-framed img,
.wp-block-post-featured-image.is-style-hp-framed img { border: 1px solid var(--hp-gold); padding: 10px; background: var(--hp-paper); box-sizing: border-box; }
.wp-block-image.is-style-hp-framed { overflow: visible; }
.wp-block-image figcaption.wp-element-caption, .hp-credit { text-align: right; color: var(--hp-muted); font-size: 0.875rem; margin-top: 10px; }
.wp-block-image.hp-zoom > a, .wp-block-image.hp-zoom { overflow: hidden; }

/* ---------- Hero ---------- */
.hp-hero .hp-hero-book { display: flex; align-items: center; justify-content: center; min-height: 520px; background: #F7F1E4; border: 1px solid var(--hp-rule); outline: 1px solid var(--hp-gold); outline-offset: 10px; margin: 11px; }
.hp-hero .hp-hero-book img { max-height: 430px; width: auto; filter: drop-shadow(18px 22px 20px rgba(35, 20, 10, 0.35)); }
.wp-block-group.hp-hero h1.wp-block-heading { overflow-wrap: normal; word-break: keep-all; hyphens: none; }
@media (max-width: 1000px) {
	.hp-hero .wp-block-columns { flex-wrap: wrap !important; }
	.hp-hero .wp-block-columns > .wp-block-column { flex-basis: 100% !important; }
}

/* ---------- Photo bands ---------- */
.wp-block-cover.hp-photo-band { overflow: hidden; }
.wp-block-cover.hp-photo-band .hp-credit { color: var(--hp-gold-light); }
.hp-praise-card { border: 1px solid var(--hp-gold); background: rgba(38, 22, 14, 0.55); padding: 36px 32px !important; height: 100%; display: flex; flex-direction: column; gap: 20px; }
.hp-praise-card p { margin: 0; }
.hp-praise-card .hp-cite { margin-top: auto; }
.hp-cite { font-size: 0.875rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--hp-gold-light); }
.wp-block-columns.hp-equal > .wp-block-column { display: flex; flex-direction: column; }
.wp-block-columns.hp-equal > .wp-block-column > * { flex: 1; }

/* ---------- Cards ---------- */
.hp-card, .hp-review, .hp-media-card { transition: transform .5s var(--hp-ease); }
.hp-card:hover, .hp-review:hover, .hp-media-card:hover { transform: translateY(-6px); }
.hp-card .wp-block-post-featured-image img, .hp-card .wp-block-image img { aspect-ratio: 3 / 2; object-fit: cover; border: 1px solid var(--hp-rule); width: 100%; }
.hp-card.hp-lead .wp-block-post-featured-image { border: 1px solid var(--hp-gold); padding: 8px; background: var(--hp-paper); }
.hp-card.hp-lead .wp-block-post-featured-image img { aspect-ratio: 16 / 10; border: 0; }
.hp-card .wp-block-post-date, .hp-date { font-size: 0.875rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--hp-umber); }
.hp-card .wp-block-post-title a { text-decoration: none; color: var(--hp-ink); }
.hp-card .wp-block-post-title a:hover { color: var(--hp-umber); }
.hp-card .wp-block-post-excerpt__excerpt { color: var(--hp-muted); margin: 0; }
.hp-card .wp-block-post-excerpt__more-link { text-underline-offset: 6px; text-decoration-color: var(--hp-gold); }
.hp-review { background: var(--hp-paper); border: 1px solid var(--hp-rule); padding: 36px 44px !important; }
.hp-review .hp-stars { color: var(--hp-gold); letter-spacing: 3px; font-size: 1.125rem; margin: 0; }
.hp-review blockquote, .hp-review .hp-quote { margin: 0; }
.hp-review .hp-cite { color: var(--hp-umber); }
.hp-media-card { background: var(--hp-paper); border: 1px solid var(--hp-rule); padding: 8px 8px 20px !important; }
.hp-media-card .wp-block-image { margin: 0; background: var(--hp-parchment); border: 1px solid #E5D7B7; height: 220px; display: flex; align-items: center; justify-content: center; }
.hp-media-card .wp-block-image img { max-height: 196px; max-width: 88%; width: auto; object-fit: contain; }
.hp-media-card .hp-inner { padding: 8px 10px 0; }
.hp-media-card h3 { font-size: 1.15rem !important; }
.hp-media-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 24px !important; }

/* ---------- Gallery (About Book) ---------- */
.hp-gallery-main { position: relative; height: 600px; background: #F7F1E4; border: 1px solid var(--hp-rule); outline: 1px solid var(--hp-gold); outline-offset: 10px; margin: 11px 11px 26px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.hp-gallery-main img { max-height: 520px; max-width: 92%; width: auto; object-fit: contain; filter: drop-shadow(16px 20px 20px rgba(35, 20, 10, .4)); transition: opacity .7s ease, transform .9s var(--hp-ease); }
.hp-gallery-main img.is-swapping { opacity: 0; transform: scale(.96); }
.hp-thumbs { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px !important; }
.hp-thumbs .wp-block-image { margin: 0; height: 92px; overflow: hidden; border: 1px solid #C9B27A; background: var(--hp-sand); cursor: pointer; }
.hp-thumbs .wp-block-image.is-current { border: 2px solid var(--hp-gold); outline: 2px solid var(--hp-binding); outline-offset: -4px; }
.hp-thumbs .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.hp-details { margin: 8px 0 0; }
.hp-details table { border-collapse: collapse; width: auto; font-size: 1rem; }
.hp-details th, .hp-details td { border: 0; padding: 4px 24px 4px 0; text-align: left; vertical-align: top; }
.hp-details th { color: var(--hp-muted); font-weight: 400; }
.hp-price-row { border-top: 1px solid var(--hp-gold); border-bottom: 1px solid var(--hp-gold); padding: 18px 0 !important; }
.hp-price { font-size: 1.75rem; font-weight: 600; line-height: 1; margin: 0; }
.hp-instock { color: #2F5A3A; margin: 0; }

/* ---------- Drop cap & statements ---------- */
.hp-dropcap::first-letter { float: left; font-size: 4.4rem; line-height: .8; font-weight: 600; padding: 8px 10px 0 0; color: var(--hp-binding); }
.hp-statement { color: var(--hp-binding); }

/* ---------- Contents pages (Peak inside) ---------- */
.hp-pages img { border: 1px solid var(--hp-gold); box-shadow: 10px 12px 0 -2px rgba(0, 0, 0, .25); aspect-ratio: 900 / 1371; object-fit: cover; object-position: top; background: #fff; width: 100%; }

/* ---------- Contact ---------- */
.hp-contact-form { background: var(--hp-paper); border: 1px solid var(--hp-gold); padding: 40px !important; }
.hp-contact-form .wpcf7-form .row { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px 28px; }
.hp-contact-form .wpcf7-form [class*="col-"] { min-width: 0; }
.hp-contact-form .wpcf7-form .col-12 { grid-column: 1 / -1; }
.hp-contact-form label { display: flex; flex-direction: column; gap: 6px; font-size: 1rem; width: 100%; }
body .wp-site-blocks .hp-contact-form input[type="text"], body .wp-site-blocks .hp-contact-form input[type="email"], body .wp-site-blocks .hp-contact-form textarea {
	width: 100%; box-sizing: border-box; border: 1px solid #C9B27A !important; background: #fff !important; font-family: inherit; font-size: 1.0625rem; color: var(--hp-ink) !important; padding: 13px 14px; border-radius: 0 !important; box-shadow: none !important;
}
body .wp-site-blocks .hp-contact-form input[type="submit"] { margin-top: 22px; height: 54px; padding: 0 36px; background: var(--hp-binding); color: var(--hp-parchment); border: 1px solid var(--hp-gold); font-family: inherit; font-size: 1.0625rem; letter-spacing: .08em; cursor: pointer; transition: transform .35s var(--hp-ease), background .35s; }
body .wp-site-blocks .hp-contact-form input[type="submit"]:hover { background: #5B311F; transform: translateY(-3px); }
.hp-contact-form .wpcf7-spinner { vertical-align: middle; }
.hp-contact-panel { position: relative; min-height: 460px !important; border: 1px solid var(--hp-gold); }
.hp-contact-panel .wp-block-cover__inner-container { align-self: flex-end; }
.hp-contact-panel a { color: var(--hp-parchment); overflow-wrap: anywhere; }

/* ---------- Footer ---------- */
.hp-footer a { color: var(--hp-footer, #E9DFC8); text-decoration: none; }
.hp-footer a:hover { color: var(--hp-gold-light); }
.hp-footer .wp-block-latest-posts { padding: 0; margin: 0; }
.hp-footer .wp-block-latest-posts li { margin: 0 0 10px; line-height: 1.4; }
.hp-footer .hp-email a { color: var(--hp-parchment); text-decoration: underline; text-underline-offset: 4px; }
.hp-footer .hp-bottom { border-top: 1px solid var(--hp-gold); padding-top: 20px !important; }

/* ---------- Buttons ---------- */
.wp-block-button__link { transition: transform .35s var(--hp-ease), background-color .35s ease, color .35s ease; }
.wp-block-button__link:hover { transform: translateY(-3px); }
.wp-block-button__link:active { transform: translateY(0) scale(.98); }
.wp-block-button.is-style-outline > .wp-block-button__link { background: transparent; color: var(--hp-binding); border-color: var(--hp-binding); }
.wp-block-button.is-style-outline > .wp-block-button__link:hover { background: var(--hp-binding); color: var(--hp-parchment); }
.wp-block-button.is-style-hp-light > .wp-block-button__link { background: var(--hp-parchment); color: var(--hp-binding); }
.wp-block-button.is-style-hp-light > .wp-block-button__link:hover { background: var(--hp-paper); }
.hp-text-link a, a.hp-text-link { text-underline-offset: 6px; text-decoration-color: var(--hp-gold); }

/* ---------- WooCommerce ---------- */
.woocommerce-breadcrumb, .wc-block-breadcrumbs { font-size: 0.9375rem; color: var(--hp-muted); }
.wc-block-components-product-price, .wp-block-woocommerce-product-price { font-weight: 600; }
.hp-product .wp-block-woocommerce-product-price { font-size: 1.75rem; }
.hp-product .wc-block-components-product-stock-indicator, .hp-product .stock { color: #2F5A3A; }
.hp-product form.cart { display: flex; gap: 12px; flex-wrap: wrap; align-items: stretch; margin: 0; }
.hp-product form.cart .quantity input.qty { width: 84px; height: 56px; border: 1px solid var(--hp-gold); background: var(--hp-paper); font-family: inherit; font-size: 1.1rem; text-align: center; color: var(--hp-ink); border-radius: 0; }
.hp-product form.cart button.single_add_to_cart_button,
.woocommerce button.button.alt, .woocommerce a.button.alt, .wc-block-components-button:not(.is-link) {
	background: var(--hp-binding) !important; color: var(--hp-parchment) !important; border: 1px solid var(--hp-gold) !important; border-radius: 0 !important; font-family: inherit; font-size: 1.0625rem; letter-spacing: .08em; padding: 0 32px; min-height: 56px; transition: transform .35s var(--hp-ease), background .35s; }
.hp-product form.cart button.single_add_to_cart_button { flex: 1 1 220px; }
.hp-product form.cart button.single_add_to_cart_button:hover, .wc-block-components-button:not(.is-link):hover { background: #5B311F !important; transform: translateY(-3px); }
.hp-product .woocommerce-product-gallery { background: #F7F1E4; border: 1px solid var(--hp-rule); outline: 1px solid var(--hp-gold); outline-offset: 10px; margin: 11px 11px 26px; padding: 24px; }
.hp-product .woocommerce-product-gallery .flex-control-thumbs { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)); gap: 10px; margin-top: 16px !important; }
.hp-product .woocommerce-product-gallery .flex-control-thumbs li { width: auto !important; margin: 0 !important; }
.hp-product .woocommerce-product-gallery .flex-control-thumbs img { border: 1px solid #C9B27A; aspect-ratio: 1; object-fit: cover; opacity: .75; transition: opacity .3s; }
.hp-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active, .hp-product .woocommerce-product-gallery .flex-control-thumbs img:hover { opacity: 1; border-color: var(--hp-gold); }
.hp-description p:empty, .hp-description .elementor-spacer { display: none; }
.hp-description table { border-collapse: collapse; margin-top: 8px; }
.hp-description th, .hp-description td { border: 0; border-bottom: 1px solid var(--hp-rule); padding: 8px 24px 8px 0; text-align: left; font-weight: 400; }
.hp-description th { color: var(--hp-muted); }
.hp-description h5 { font-size: 1.25rem; margin-top: 2rem; }
.wc-block-components-notice-banner { border-radius: 0; }

/* ---------- Motion ---------- */
@keyframes hpRise { from { opacity: 0; transform: translateY(28px); } to { opacity: 1; transform: none; } }
@keyframes hpBook { from { opacity: 0; transform: translateY(26px) scale(.95); } to { opacity: 1; transform: none; } }
@keyframes hpDrift { from { transform: scale(1.04); } to { transform: scale(1.14) translate3d(-1.5%, -1%, 0); } }
@keyframes hpLine { from { background-size: 14px 14px, 0 1px, 0 1px; } to { background-size: 14px 14px, 56px 1px, 56px 1px; } }
@media (prefers-reduced-motion: no-preference) {
	.hp-hero h1, .hp-load { animation: hpRise 1.1s var(--hp-ease) both; }
	.hp-hero .is-style-hp-rule { animation: hpRise 1.1s .15s var(--hp-ease) both; }
	.hp-hero h1 + * + p, .hp-hero .hp-hero-lede { animation: hpRise 1.1s .3s var(--hp-ease) both; }
	.hp-hero .wp-block-buttons { animation: hpRise 1.1s .45s var(--hp-ease) both; }
	.hp-hero .hp-hero-book img { animation: hpBook 1.5s .25s var(--hp-ease) both; }
	.hp-page-title { animation: hpRise 1.1s var(--hp-ease) both; }
	.wp-block-cover.hp-photo-band > .wp-block-cover__image-background, .wp-block-cover.hp-contact-panel > .wp-block-cover__image-background { animation: hpDrift 32s ease-in-out infinite alternate; transform-origin: 60% 40%; }
	.hp-motion .hp-reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s var(--hp-ease), transform .9s var(--hp-ease); transition-delay: var(--hp-delay, 0ms); }
	.hp-motion .hp-reveal.is-in { opacity: 1; transform: none; }
	.hp-motion .wp-block-separator.is-style-hp-ornament.hp-reveal { transform: none; }
	.hp-motion .wp-block-separator.is-style-hp-ornament.hp-reveal.is-in { animation: hpLine 1.2s var(--hp-ease) both; }
	.wp-block-image.hp-zoom img, .hp-card .wp-block-post-featured-image img { transition: transform 1.2s var(--hp-ease); }
	.wp-block-image.hp-zoom:hover img, .hp-card:hover .wp-block-post-featured-image img { transform: scale(1.035); }
	.hp-card .wp-block-post-featured-image { overflow: hidden; }
}
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* ---------- Small screens ---------- */
@media (max-width: 781px) {
	.hp-header .wp-block-site-logo img { height: 56px; }
	.hp-hero .hp-hero-book { min-height: 380px; }
	.hp-hero .hp-hero-book img { max-height: 320px; }
	.hp-gallery-main { height: 420px; }
	.hp-gallery-main img { max-height: 360px; }
	.hp-review { padding: 28px 24px !important; }
	.hp-contact-form { padding: 24px !important; }
}
.wp-block-button.is-style-outline.hp-on-dark > .wp-block-button__link { color: var(--hp-parchment); border-color: var(--hp-gold); }
.wp-block-button.is-style-outline.hp-on-dark > .wp-block-button__link:hover { background: var(--hp-parchment); color: var(--hp-binding); }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hp-stars a { font-size: 0.9375rem; letter-spacing: 0; color: var(--hp-muted); margin-left: 8px; }
.wp-block-post-content iframe, .entry-content iframe { max-width: 100%; }
.wp-block-post-content iframe[src*="youtube"] { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 1px solid var(--hp-gold); }
.hp-product .woocommerce-product-gallery { box-sizing: border-box; width: auto !important; max-width: calc(100% - 22px); float: none !important; }
.wp-block-post-content { overflow-wrap: anywhere; }
@media (max-width: 781px) { .hp-product .woocommerce-product-gallery { padding: 12px; } }
@media (max-width: 781px) {
	h2.is-style-hp-eyebrow::before, h2.is-style-hp-eyebrow::after, p.is-style-hp-eyebrow::before, p.is-style-hp-eyebrow::after { width: 40px; background-size: 12px 12px, 22px 1px; }
	h2.is-style-hp-eyebrow, p.is-style-hp-eyebrow { gap: 10px; letter-spacing: 0.2em; }
}

/* Text on the dark photo panels: always light, whatever the host adds */
body .wp-site-blocks .wp-block-cover.hp-photo-band .hp-credit.hp-credit.hp-credit.hp-credit.hp-credit.hp-credit,
body .wp-site-blocks .wp-block-cover.hp-contact-panel p.hp-cite.hp-cite.hp-cite.hp-cite.hp-cite.hp-cite { color: var(--hp-gold-light) !important; }
body .wp-site-blocks .wp-block-cover.hp-contact-panel p:not(.hp-cite), body .wp-site-blocks .wp-block-cover.hp-contact-panel p a { color: var(--hp-parchment) !important; }
body .wp-site-blocks .wp-block-cover.hp-photo-band .hp-cite.hp-cite.hp-cite.hp-cite.hp-cite.hp-cite { color: var(--hp-gold-light) !important; }
.hp-contact-panel > .wp-block-cover__background { opacity: .6 !important; }
.wp-block-cover .hp-credit { text-shadow: 0 1px 2px rgba(0, 0, 0, .45); }
.hp-refs { border-top: 1px solid var(--hp-gold); border-bottom: 1px solid var(--hp-gold); padding: 10px 0; width: fit-content; line-height: 1.6; margin-top: 26px !important; }
body .wp-site-blocks .wp-block-cover.hp-photo-band p.hp-refs.hp-refs.hp-refs.hp-refs.hp-refs.hp-refs { color: var(--hp-parchment) !important; }