/*
Theme Name: Neuronomad Studios Block
Theme URI: https://neuronomadstudios.com/
Author: Neuronomad Studios
Author URI: https://neuronomadstudios.com/
Description: Block-first sibling theme scaffold for Neuronomad Studios.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 8.1
Version: 0.1.82
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neuronomad-prime
Domain Path: /languages
Tags: blog, e-commerce, full-site-editing, block-patterns, wide-blocks
*/

:root {
  color-scheme: light dark;

  /* Core UI tokens wired to WP palette defaults */
  --bg: var(--wp--style--color--background, var(--wp--preset--color--paper, #f6f7f9));
  --surface: var(--wp--preset--color--white, #e9eef3);
  --text: var(--wp--style--color--text, #111827);
  --text-muted: color-mix(in srgb, var(--text) 68%, white);
  --border: var(--wp--preset--color--mist, #cbd5e1);

  --primary: var(--wp--preset--color--ink, #194a7a);
  --primary-hover: color-mix(in srgb, var(--primary) 88%, black);
  --on-primary: #ffffff;

  --secondary: var(--wp--preset--color--deep-water, #476f95);
  --on-secondary: #ffffff;

  --accent: var(--wp--preset--color--steel, #d8c7a8);

  --link: var(--primary);
  --link-hover: var(--secondary);
  --focus: var(--wp--preset--color--steel, #7593af);

  /* Woo-specific tokens */
  --wc-price: var(--primary);
  --wc-sale: #c56b4b;
  --wc-success: #2f6d4a;
  --wc-warning: #b45309;
  --wc-error: #b42318;
  --wc-notice-bg: #eef4fa;
  --wc-notice-border: var(--wp--preset--color--mist, #a3b7ca);

  --nmd-shell-border: var(--border);
  --nmd-shell-bg: var(--bg);
  --nmd-shell-text: var(--text);
  --nmd-shell-accent: var(--primary);
  --nmd-shell-radius: 12px;
}

:root[data-mode="light"] {
  --bg: #f6f7f9;
  --surface: #e9eef3;
  --text: #111827;
  --text-muted: #5b6775;
  --border: #cbd5e1;
  --primary: #194a7a;
  --primary-hover: #163e67;
  --on-primary: #ffffff;
  --secondary: #476f95;
  --on-secondary: #ffffff;
  --accent: #d8c7a8;
  --link: #194a7a;
  --link-hover: #476f95;
  --focus: #7593af;
  --wc-price: #194a7a;
  --wc-sale: #c56b4b;
  --wc-success: #2f6d4a;
  --wc-warning: #b45309;
  --wc-error: #b42318;
  --wc-notice-bg: #eef4fa;
  --wc-notice-border: #a3b7ca;
}

:root[data-mode="dark"] {
  --bg: #0b1220;
  --surface: #121c2e;
  --text: #f2f5f8;
  --text-muted: #b7c2cf;
  --border: #223049;
  --primary: #7593af;
  --primary-hover: #8da8c0;
  --on-primary: #0b1220;
  --secondary: #476f95;
  --on-secondary: #f2f5f8;
  --accent: #d8c7a8;
  --link: #d1dbe4;
  --link-hover: #a3b7ca;
  --focus: #d1dbe4;
  --wc-price: #d1dbe4;
  --wc-sale: #d07a4a;
  --wc-success: #57a773;
  --wc-warning: #f2b24b;
  --wc-error: #ff6b6b;
  --wc-notice-bg: #0f1a2b;
  --wc-notice-border: #476f95;
}

:root[data-theme="nn-cyanotype"][data-mode="light"] {
  --bg: #f6f7f9;
  --surface: #e9eef3;
  --text: #111827;
  --text-muted: #5b6775;
  --border: #cbd5e1;
  --primary: #194a7a;
  --primary-hover: #163e67;
  --on-primary: #ffffff;
  --secondary: #476f95;
  --on-secondary: #ffffff;
  --accent: #d8c7a8;
  --link: #194a7a;
  --link-hover: #476f95;
  --focus: #7593af;
  --wc-price: #194a7a;
  --wc-sale: #c56b4b;
  --wc-success: #2f6d4a;
  --wc-warning: #b45309;
  --wc-error: #b42318;
  --wc-notice-bg: #eef4fa;
  --wc-notice-border: #a3b7ca;
}

:root[data-theme="nn-cyanotype"][data-mode="dark"] {
  --bg: #0b1220;
  --surface: #121c2e;
  --text: #f2f5f8;
  --text-muted: #b7c2cf;
  --border: #223049;
  --primary: #7593af;
  --primary-hover: #8da8c0;
  --on-primary: #0b1220;
  --secondary: #476f95;
  --on-secondary: #f2f5f8;
  --accent: #d8c7a8;
  --link: #d1dbe4;
  --link-hover: #a3b7ca;
  --focus: #d1dbe4;
  --wc-price: #d1dbe4;
  --wc-sale: #d07a4a;
  --wc-success: #57a773;
  --wc-warning: #f2b24b;
  --wc-error: #ff6b6b;
  --wc-notice-bg: #0f1a2b;
  --wc-notice-border: #476f95;
}

:root[data-theme="nn-clay"][data-mode="light"] {
  --bg: #f4f1ec;
  --surface: #e8e1d8;
  --text: #1b1b1b;
  --text-muted: #5e5a54;
  --border: #cfc7bc;
  --primary: #194a7a;
  --primary-hover: #163e67;
  --on-primary: #ffffff;
  --secondary: #7593af;
  --on-secondary: #0b1220;
  --accent: #c56b4b;
  --link: #194a7a;
  --link-hover: #c56b4b;
  --focus: #7593af;
  --wc-price: #194a7a;
  --wc-sale: #c56b4b;
  --wc-success: #2f6d4a;
  --wc-warning: #b45309;
  --wc-error: #b42318;
  --wc-notice-bg: #f7efe6;
  --wc-notice-border: #cfc7bc;
}

:root[data-theme="nn-clay"][data-mode="dark"] {
  --bg: #101417;
  --surface: #171d21;
  --text: #f2eee8;
  --text-muted: #c4bcb2;
  --border: #2b343b;
  --primary: #7593af;
  --primary-hover: #8da8c0;
  --on-primary: #0b1220;
  --secondary: #a3b7ca;
  --on-secondary: #101417;
  --accent: #d07a4a;
  --link: #d1dbe4;
  --link-hover: #d07a4a;
  --focus: #d1dbe4;
  --wc-price: #d1dbe4;
  --wc-sale: #d07a4a;
  --wc-success: #57a773;
  --wc-warning: #f2b24b;
  --wc-error: #ff6b6b;
  --wc-notice-bg: #141b20;
  --wc-notice-border: #2b343b;
}

:root[data-theme="nn-night-hike"][data-mode="light"] {
  --bg: #f6f7f9;
  --surface: #eef1f5;
  --text: #101828;
  --text-muted: #475467;
  --border: #d0d5dd;
  --primary: #194a7a;
  --primary-hover: #163e67;
  --on-primary: #ffffff;
  --secondary: #476f95;
  --on-secondary: #ffffff;
  --accent: #d07a4a;
  --link: #194a7a;
  --link-hover: #d07a4a;
  --focus: #7593af;
  --wc-price: #194a7a;
  --wc-sale: #d07a4a;
  --wc-success: #2f6d4a;
  --wc-warning: #b45309;
  --wc-error: #b42318;
  --wc-notice-bg: #eef4fa;
  --wc-notice-border: #a3b7ca;
}

:root[data-theme="nn-night-hike"][data-mode="dark"] {
  --bg: #0b1220;
  --surface: #121c2e;
  --text: #f2f5f8;
  --text-muted: #b7c2cf;
  --border: #223049;
  --primary: #476f95;
  --primary-hover: #5a7ea3;
  --on-primary: #f2f5f8;
  --secondary: #7593af;
  --on-secondary: #0b1220;
  --accent: #d07a4a;
  --link: #d1dbe4;
  --link-hover: #d07a4a;
  --focus: #d1dbe4;
  --wc-price: #d1dbe4;
  --wc-sale: #d07a4a;
  --wc-success: #57a773;
  --wc-warning: #f2b24b;
  --wc-error: #ff6b6b;
  --wc-notice-bg: #0f1a2b;
  --wc-notice-border: #476f95;
}

:root[data-theme="nn-field-notes"][data-mode="light"] {
  --bg: #fbf7f1;
  --surface: #f1e7da;
  --text: #1a1a1a;
  --text-muted: #5e5a54;
  --border: #d6c9ba;
  --primary: #194a7a;
  --primary-hover: #163e67;
  --on-primary: #ffffff;
  --secondary: #476f95;
  --on-secondary: #ffffff;
  --accent: #8b4a3b;
  --link: #194a7a;
  --link-hover: #8b4a3b;
  --focus: #7593af;
  --wc-price: #194a7a;
  --wc-sale: #8b4a3b;
  --wc-success: #2f6d4a;
  --wc-warning: #b45309;
  --wc-error: #b42318;
  --wc-notice-bg: #fff6e8;
  --wc-notice-border: #d6c9ba;
}

:root[data-theme="nn-field-notes"][data-mode="dark"] {
  --bg: #0f1115;
  --surface: #161a20;
  --text: #f4f1ec;
  --text-muted: #c8c0b6;
  --border: #2b303a;
  --primary: #7593af;
  --primary-hover: #8da8c0;
  --on-primary: #0f1115;
  --secondary: #a3b7ca;
  --on-secondary: #0f1115;
  --accent: #d07a4a;
  --link: #d1dbe4;
  --link-hover: #d07a4a;
  --focus: #d1dbe4;
  --wc-price: #d1dbe4;
  --wc-sale: #d07a4a;
  --wc-success: #57a773;
  --wc-warning: #f2b24b;
  --wc-error: #ff6b6b;
  --wc-notice-bg: #141821;
  --wc-notice-border: #2b303a;
}

@media (prefers-color-scheme: dark) {
  :root[data-mode="auto"] {
    --bg: #0b1220;
    --surface: #121c2e;
    --text: #f2f5f8;
    --text-muted: #b7c2cf;
    --border: #223049;
    --primary: #7593af;
    --primary-hover: #8da8c0;
    --on-primary: #0b1220;
    --secondary: #476f95;
    --on-secondary: #f2f5f8;
    --accent: #d8c7a8;
    --link: #d1dbe4;
    --link-hover: #a3b7ca;
    --focus: #d1dbe4;
    --wc-price: #d1dbe4;
    --wc-sale: #d07a4a;
    --wc-success: #57a773;
    --wc-warning: #f2b24b;
    --wc-error: #ff6b6b;
    --wc-notice-bg: #0f1a2b;
    --wc-notice-border: #476f95;
  }
}

body {
  background: var(--bg);
  color: var(--text);
}

.wp-site-blocks,
.wp-site-blocks > * {
  color: inherit;
}

.wp-site-blocks {
  background: var(--bg);
  color: var(--text);
}

a {
  color: var(--link);
  text-decoration-color: color-mix(in srgb, var(--link) 35%, transparent);
}

a:hover {
  color: var(--link-hover);
}

:is(input, select, textarea) {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
}

:is(input, select, textarea):focus {
  outline: 2px solid var(--focus);
  outline-offset: 2px;
}

:is(
  button,
  .button,
  .wp-element-button,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit
) {
  background: var(--primary);
  color: var(--on-primary);
  border: 1px solid color-mix(in srgb, var(--primary) 70%, #000);
  border-radius: 10px;
}

:is(
  button,
  .button,
  .wp-element-button,
  .woocommerce a.button,
  .woocommerce button.button,
  .woocommerce input.button,
  .woocommerce #respond input#submit
):hover {
  background: var(--primary-hover);
}

.nn-btn-secondary {
  background: var(--secondary) !important;
  color: var(--on-secondary) !important;
}

.woocommerce :is(div.product p.price, div.product span.price, ul.products li.product .price) {
  color: var(--wc-price);
}

.woocommerce span.onsale {
  background: var(--wc-sale);
  color: #ffffff;
  border-radius: 999px;
  padding: 0.25rem 0.6rem;
}

.woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
  background: var(--wc-notice-bg);
  border: 1px solid var(--wc-notice-border);
  border-left-width: 6px;
  border-radius: 12px;
  color: var(--text);
}

.woocommerce .woocommerce-message {
  border-left-color: var(--wc-success);
}

.woocommerce .woocommerce-info {
  border-left-color: var(--wc-warning);
}

.woocommerce .woocommerce-error {
  border-left-color: var(--wc-error);
}

.woocommerce table.shop_table,
.woocommerce table.shop_table :is(th, td) {
  border-color: var(--border);
}

.nmd-topbar .alignwide,
.nmd-header .alignwide,
.nmd-content-shell .alignwide,
.nmd-pre-footer .alignwide,
.nmd-footer .alignwide {
  width: min(100%, var(--wp--style--global--content-size, 1240px));
  max-width: var(--wp--style--global--content-size, 1240px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.nmd-topbar {
  border-bottom: 1px solid var(--nmd-shell-border);
  margin: 0 !important;
}

.nmd-header {
  border-bottom: 1px solid var(--nmd-shell-border);
  margin: 0 !important;
}

.nmd-topbar + .nmd-header {
  margin-top: 0 !important;
}

.wp-site-blocks > .wp-block-template-part,
.wp-site-blocks > .wp-block-template-part + .wp-block-template-part {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.nmd-content-shell {
  padding-top: clamp(0.35rem, 0.7vw, 0.65rem);
  padding-bottom: clamp(0.95rem, 1.4vw, 1.3rem);
}

.nmd-content-card {
  background: var(--surface);
  border: 1px solid var(--nmd-shell-border);
  border-radius: var(--nmd-shell-radius);
  padding: clamp(0.85rem, 1.25vw, 1.2rem);
}

.nmd-content-card + .nmd-content-card {
  margin-top: clamp(1rem, 1.6vw, 1.4rem);
}

.nmd-home-modules-stack {
  display: grid;
  gap: clamp(1rem, 1.8vw, 1.6rem);
}

.nmd-home-hero .wp-block-buttons {
  margin-top: 1rem;
}

.nmd-home-module .wp-block-post-template {
  margin-top: 0.75rem;
}

.nmd-home-module-newsletter .wp-block-columns {
  gap: clamp(0.9rem, 1.6vw, 1.4rem);
}

.nmd-newsletter-inline-form :is(.wpforms-container, .wpforms-form) {
  margin: 0;
}

.nmd-home-module-trust .wp-block-columns {
  gap: clamp(0.85rem, 1.4vw, 1.2rem);
}

.nmd-home-module-trust .wp-block-column {
  border: 1px solid var(--nmd-shell-border);
  border-radius: calc(var(--nmd-shell-radius) * 0.85);
  padding: 0.8rem;
}

.nmd-home-module-carousel .wp-block-post-template .wp-block-post {
  display: grid;
  gap: 0.45rem;
}

.nmd-home-module-carousel .wp-block-post-template :is(.wp-block-post-title, .wc-block-components-product-price) {
  margin: 0;
}

.nmd-sidebar-dispatch .wp-block-search {
  margin-top: 0.5rem;
}

.nmd-sidebar-dispatch .wp-block-latest-posts,
.nmd-sidebar-dispatch .wp-block-categories-list {
  margin: 0;
  padding-left: 1rem;
}

.nmd-shop-module-collection-callout .wc-block-product-categories-list {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin: 0.5rem 0 0;
}

.nmd-shop-module-collection-callout .wc-block-product-categories-list-item {
  border: 1px solid var(--nmd-shell-border);
  border-radius: calc(var(--nmd-shell-radius) * 0.85);
  margin: 0;
  padding: 0.65rem;
}

.nmd-shop-module-quick-filters .nmd-chip-links {
  gap: 0.55rem;
}

.nmd-shop-module-quick-filters .wp-block-button.is-style-outline .wp-element-button {
  border-radius: 999px;
}

.nmd-product-module-assurance .wp-block-columns {
  gap: 0.85rem;
}

.nmd-product-module-assurance .wp-block-column {
  border: 1px solid var(--nmd-shell-border);
  border-radius: calc(var(--nmd-shell-radius) * 0.85);
  padding: 0.75rem;
}

.nmd-utility-newsletter-minimal .wpforms-container {
  margin-bottom: 0;
}

.nmd-sidebar-contact-card .wp-block-buttons {
  margin-top: 0.75rem;
}

.nmd-pattern-starter-item > .wp-block-heading {
  margin-top: 0.25rem;
}

.nmd-pattern-starter-item > .wp-block-group,
.nmd-pattern-starter-item > .wp-block-columns,
.nmd-pattern-starter-item > .wp-block-query {
  margin-top: 0.65rem;
}

.nmd-products-scroller .wp-block-post-template,
.nmd-gallery-scroller .wp-block-post-template,
.nmd-carousel-track .wp-block-post-template {
  display: grid;
  gap: 1rem;
}

.nmd-products-scroller .wp-block-post-template.nmd-horizontal-track {
  grid-auto-columns: minmax(210px, 240px);
  grid-auto-flow: column;
  grid-template-columns: none;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding: 0.2rem 0.2rem 0.8rem;
  scroll-behavior: smooth;
  scroll-padding-inline: 0.2rem;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
}

.nmd-products-scroller .wp-block-post-template.nmd-horizontal-track li {
  width: auto !important;
  scroll-snap-align: start;
}

.nmd-scroll-controls .wp-block-button .wp-block-button__link {
  min-width: 2.8rem;
  padding: 0.45rem 0.7rem;
  text-align: center;
}

.nmd-scroll-controls .wp-block-button .wp-block-button__link:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent, #159ab7);
  outline-offset: 2px;
}

.nmd-gallery-scroller .wp-block-post-template {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nmd-carousel-track .wp-block-post-template {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.nmd-products-scroller .wp-block-post-template li,
.nmd-gallery-scroller .wp-block-post-template li,
.nmd-carousel-track .wp-block-post-template li {
  list-style: none;
  background: var(--wp--preset--color--white, #ffffff);
  border: 1px solid var(--nmd-shell-border);
  border-radius: var(--nmd-shell-radius);
  padding: 0.7rem;
}

.nmd-content-shell .wp-block-group,
.nmd-content-shell .wp-block-media-text,
.nmd-content-shell .wp-block-cover,
.nmd-content-shell .wp-block-query-pagination {
  border-radius: var(--nmd-shell-radius);
}

.nmd-pre-footer {
  border-top: 1px solid var(--nmd-shell-border);
}

.nmd-pre-footer .nmd-content-card {
  margin: 0;
}

.nmd-topbar .wp-block-navigation__container {
  gap: 0 !important;
}

.nmd-topbar .wp-block-navigation-item__content {
  padding-inline: 0.35rem;
}

.nmd-topbar .wp-block-group,
.nmd-header .wp-block-group {
  margin-top: 0;
  margin-bottom: 0;
}

.nmd-topbar .is-layout-flex {
  row-gap: 0.2rem;
}

.nmd-header .is-layout-flex {
  row-gap: 0.45rem;
}

.nmd-header .nmd-mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  margin: 0;
  padding: 0.18rem;
  border: 1px solid var(--nmd-shell-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--surface) 88%, transparent);
}

.nmd-header .nmd-mode-btn {
  appearance: none;
  margin: 0;
  min-width: 3.25rem;
  padding: 0.33rem 0.62rem;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--nmd-shell-text);
  font-family: "Montserrat", "Inter", "Segoe UI", sans-serif;
  font-size: 0.76rem;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
  white-space: nowrap;
}

.nmd-header .nmd-mode-btn:hover {
  background: color-mix(in srgb, var(--nmd-shell-accent) 16%, transparent);
  border-color: color-mix(in srgb, var(--nmd-shell-accent) 34%, transparent);
}

.nmd-header .nmd-mode-btn:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 1px;
}

.nmd-header .nmd-mode-btn.is-active {
  background: var(--nmd-shell-accent);
  color: var(--on-primary);
  border-color: color-mix(in srgb, var(--nmd-shell-accent) 75%, black);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--nmd-shell-accent) 70%, black);
}

:root[data-mode="dark"] {
  color-scheme: dark;
}

:root[data-mode="dark"] .has-white-background-color,
:root[data-mode="dark"] .has-background.has-white-background-color,
:root[data-mode="dark"] .has-paper-background-color {
  background-color: var(--surface) !important;
  color: var(--text) !important;
}

:root[data-mode="dark"] .has-foreground-color,
:root[data-mode="dark"] .wp-block-post-title,
:root[data-mode="dark"] .wp-block-heading {
  color: var(--text) !important;
}

:root[data-mode="dark"] .wp-block-navigation .wp-block-navigation-item__content,
:root[data-mode="dark"] .wp-block-navigation-item__label {
  color: var(--text) !important;
}

:root[data-mode="dark"] .nmd-topbar,
:root[data-mode="dark"] .nmd-header,
:root[data-mode="dark"] .nmd-pre-footer,
:root[data-mode="dark"] .nmd-footer {
  border-color: var(--border);
}

:root[data-mode="dark"] .nmd-header .nmd-mode-toggle {
  background: color-mix(in srgb, var(--surface) 94%, #000);
}

:root[data-mode="dark"] .nmd-header .nmd-mode-btn {
  color: var(--text);
}

:root[data-mode="dark"] .nmd-header .nmd-mode-btn.is-active {
  background: var(--primary);
  color: var(--on-primary);
  border-color: color-mix(in srgb, var(--primary) 74%, black);
}

.nmd-header .wp-block-shortcode {
  margin: 0;
}

.nmd-topbar p,
.nmd-header p {
  margin-top: 0;
  margin-bottom: 0;
}

.nmd-shop-shell .wp-block-query-pagination {
  margin-top: 0.4rem;
  padding-top: 0.25rem;
}

.nmd-shop-shell .wp-block-query-pagination > * {
  margin-top: 0;
  margin-bottom: 0;
}

.nmd-footer {
  border-top: 1px solid var(--nmd-shell-border);
}

.nmd-footer .wp-block-navigation .wp-block-navigation-item {
  margin: 0;
}

.nmd-footer .wp-block-navigation__container {
  gap: 0 !important;
}

.nmd-footer .wp-block-navigation .wp-block-navigation-item__content {
  padding: 0.05rem 0;
  line-height: 1.5;
}

.nmd-footer .wp-block-list li {
  line-height: 1.5;
}

.nmd-footer :is(h3, h4) {
  margin-bottom: 0.5rem;
  line-height: 1.05;
}

.nmd-page-module-about .wp-block-columns,
.nmd-page-module-help .wp-block-columns,
.nmd-product-module-assurance .wp-block-columns {
  gap: 0.85rem;
}

.nmd-empty-state {
  margin: 0.5rem 0 0;
  padding: 0.9rem 1rem;
  border: 1px dashed var(--nmd-shell-border);
  background: color-mix(in srgb, var(--nmd-shell-bg) 84%, white);
  color: color-mix(in srgb, var(--nmd-shell-text) 72%, white);
  font-size: 0.92rem;
}

.nmd-muted {
  color: color-mix(in srgb, var(--nmd-shell-text) 78%, white);
}

.nmd-theme-credit {
  color: color-mix(in srgb, var(--nmd-shell-text) 70%, white);
  font-size: 0.78rem;
}

.nmd-theme-credit a {
  color: inherit;
  text-decoration: underline;
}

@media (max-width: 1080px) {
  .nmd-carousel-track .wp-block-post-template {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 840px) {
  .nmd-gallery-scroller .wp-block-post-template,
  .nmd-carousel-track .wp-block-post-template {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .nmd-gallery-scroller .wp-block-post-template,
  .nmd-carousel-track .wp-block-post-template {
    grid-template-columns: 1fr;
  }

  .nmd-header .nmd-mode-btn {
    min-width: 2.95rem;
    padding: 0.28rem 0.48rem;
    font-size: 0.72rem;
  }
}