/* ==========================================================================
   WordPress integration layer
   ========================================================================== */

/* Admin bar offset for the sticky header */
.admin-bar .header{top:32px}
@media screen and (max-width:782px){.admin-bar .header{top:46px}}

/* Custom logo hookup */
.custom-logo-link{display:inline-flex;align-items:center}
.header .custom-logo{height:26px;width:auto}
@media (max-width:700px){.header .custom-logo{height:21px}}

/* Current menu item state for the nav walker */
.nav-link.is-current{background:var(--ink-3);color:#fff}

/* Core alignment classes */
.alignleft{float:left;margin:.4em 1.6em 1.2em 0}
.alignright{float:right;margin:.4em 0 1.2em 1.6em}
.aligncenter{margin-inline:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:12.5px;color:var(--muted);text-align:center}

/* Editor content inside product descriptions */
.prose{font-size:14.5px;line-height:1.75;color:var(--ink-2);max-width:78ch}
.prose>*+*{margin-top:1.2em}
.prose h2,.prose h3{color:var(--ink);margin-top:1.6em;margin-bottom:.5em}
.prose h3{font-size:15px}
.prose ul{margin:12px 0;display:grid;gap:8px}
.prose li{display:flex;gap:9px;align-items:flex-start}
.prose li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--red);flex:none;margin-top:8px}
.prose a{color:var(--blue);text-decoration:underline}
.prose img{border-radius:5px;margin-block:1.4em}

/* Screen reader + skip link */
.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}
.skip-link:focus{
  clip-path:none;display:block;height:auto;width:auto;left:12px;top:12px;z-index:999;
  background:#fff;color:var(--ink);padding:12px 18px;border-radius:4px;font-weight:700;box-shadow:var(--shadow-2);
}

/* WooCommerce: keep the theme's look on shop pages if the plugin is active */
.woocommerce .button,
.woocommerce-page .button,
.woocommerce a.button.alt{
  background:var(--red);color:#fff;border-radius:4px;font-weight:800;
  text-transform:uppercase;letter-spacing:.06em;font-size:12px;padding:12px 20px;
  transition:background .2s var(--ease);
}
.woocommerce .button:hover,
.woocommerce-page .button:hover,
.woocommerce a.button.alt:hover{background:var(--red-dark);color:#fff}
.woocommerce ul.products li.product .price{color:var(--ink);font-weight:800}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:700;color:var(--ink)}
.woocommerce-page .woocommerce-message,
.woocommerce-page .woocommerce-info{
  border-top-color:var(--red);background:var(--paper-2);color:var(--ink-2);
}
.woocommerce-page .woocommerce-message::before,
.woocommerce-page .woocommerce-info::before{color:var(--red)}