/* Version 3/12/2025  */

:root {
  /* Shell + surfaces */
  --pl-bg: #e7dfd4;  /* global background - Soft Oatmeal #e7dfd4 */
  --pl-bg-elevated: #ffe6d5; /* slightly darker tint if needed */
  --pl-surface: #ffffff;     /* white cards */
  --pl-surface-soft: #f6f7fb;

  /* Text */
  --pl-text-main: #14151f;   /* default text color */
  --pl-text-muted: #6b7280;
  --pl-text-dark: #14151f;   /* text on white cards */

  /* Accent */
  --pl-accent: #0000ee;
  --pl-accent-soft: rgba(90, 176, 255, 0.1);

  /* Borders + radius + shadow */
  --pl-border-subtle: rgba(0, 0, 0, 0.05);
  --pl-border-card: rgba(12, 16, 27, 0.12);
  --pl-radius-md: 12px;
  --pl-radius-lg: 18px;
  --pl-shadow-soft: 0 20px 45px rgba(0, 0, 0, 0.12);
}

/*-------------------------------------------------------*/
/* Stop the page from allowing horizontal overflows */
/*-------------------------------------------------------*/
/* Prevent double scrollbar: only one root element should control overflow */
html { overflow-x: hidden; }
body { overflow-x: visible; }

/* Default background + text color for almost all pages */
.archive{
    background-color: #e7dfd4 !important; /* global archives background - Soft Oatmeal #e7dfd4 */
}


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

/* Keep a slightly different BG for front page if you want */
body.home {
  background-color: #e7dfd4;
}

/* Keep different BG for main shop / Library page only */
body.woocommerce-shop.post-type-archive-product {
  background-color: #e7dfd4;
}

.orderby{
    border-radius:5px !important;
}

/*-------------------------------------------------------*/
/* Shop Library layout on mobile Mobile: force 2 columns */
/*-------------------------------------------------------*/
@media (max-width: 768px) {
  .shop-category-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  /* Remove Gutenberg column widths */
  .shop-category-grid > .wp-block-column {
    width: 100% !important;
    flex: none !important;
  }
}




/*-------------------------------------------------------*/
/* === Fix AdSense mobile overflow === */
/*-------------------------------------------------------*/

/* Container */
.planerium-ad-container{
  max-width:100%;
  display:block;
}

/* Make injected ad elements respect the container */
.planerium-ad-container ins.adsbygoogle{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}

/* The iframe is the usual overflow culprit */
.planerium-ad-container iframe{
  display:block;
  width:100% !important;
  max-width:100% !important;
}



/* ---------------------------------------- */
/* Screen-reader text helpers               */
/* ---------------------------------------- */

/* Visually hide text but keep it for screen readers */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

/* If someone tabs to it, make it visible */
.screen-reader-text:focus,
.screen-reader-text:active {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  clip-path: none;
  white-space: normal;
  padding: 4px 8px;
  background: #fff;
  color: #000;
  z-index: 9999;
}

/* Header-specific screen reader helper (used in your header) */
.planerium-header .screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}

.planerium-header .screen-reader-text:focus,
.planerium-header .screen-reader-text:active {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  clip: auto;
  clip-path: none;
  white-space: normal;
  padding: 4px 8px;
  background: #fff;
  color: #000;
  z-index: 9999;
}


/*---------------------------------------------------------------*/
/* Header: Account icon link (inline SVG, no fonts, no requests) */
/*---------------------------------------------------------------*/

.pl-header-account-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  text-decoration:none;
  color:inherit;
  line-height:1;
}

/* Make sure SVG actually renders and inherits color */
.pl-header-account-icon svg{
  display:block;
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}



/* ---------------------------------------- */
/* RTL + centered block styles (unchanged)  */
/* ---------------------------------------- */

.planerium-rtl {
  direction: rtl;
  text-align: right;
}

.planerium-rtl * {
  direction: inherit;
  text-align: inherit;
}

/* Editor + frontend style for the "RTL Hebrew" block style */
.is-style-rtl-hebrew {
  direction: rtl;
  text-align: right;
}

.is-style-rtl-hebrew * {
  direction: inherit;
  text-align: inherit;
}

/* Extra safety for the block editor preview */
.editor-styles-wrapper .is-style-rtl-hebrew {
  direction: rtl;
  text-align: right;
}

.editor-styles-wrapper .is-style-rtl-hebrew * {
  direction: inherit;
  text-align: inherit;
}

/* Block style: Centered text */
.is-style-centered-text {
  text-align: center !important;
}

.is-style-centered-text * {
  text-align: inherit;
}

.editor-styles-wrapper .is-style-centered-text {
  text-align: center !important;
}

.editor-styles-wrapper .is-style-centered-text * {
  text-align: inherit;
}

/* ---------------------------------------- */
/* Product media layout – gallery tweaks    */
/* (matches previous working behaviour)     */
/* ---------------------------------------- */

/* General wrapper + gallery container full width & centered */
.single-product .planerium-product-gallery-wrapper,
.single-product .planerium-product-gallery-wrapper .woocommerce-product-gallery {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 auto;
}

/* SINGLE-IMAGE products (no gallery thumbs): center inner wrappers */
.single-product .plan-gallery--single .woocommerce-product-gallery__wrapper,
.single-product .plan-gallery--single .woocommerce-product-gallery__image {
  margin: 0 auto;
  text-align: center;
}

/* Main product image fills the column (both single + gallery products) */
.single-product .planerium-product-gallery-wrapper img.wp-post-image {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  margin: 0 auto;
}

/* GALLERY products: thumbnails row under main image */
.plan-gallery--with-thumbs .woocommerce-product-gallery {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

.plan-gallery--with-thumbs .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 10px;
}

.plan-gallery--with-thumbs .woocommerce-product-gallery .flex-control-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}

.plan-gallery--with-thumbs .woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  width: calc(25% - 6px); /* 4 per row desktop */
}

.plan-gallery--with-thumbs .woocommerce-product-gallery .flex-control-thumbs img {
  width: 100%;
  height: auto;
  cursor: pointer;
}

@media (max-width: 767px) {
  .plan-gallery--with-thumbs .woocommerce-product-gallery .flex-control-thumbs li {
    width: calc(33.333% - 6px); /* 3 per row mobile */
  }
}



/* Hiding the tohe product quantity to the left of the "Add to cart" button*/
.single-product form.cart .quantity{
    display: none !important;
}

.single_add_to_cart_button{
    border-radius:10px !important;
}


/* Product cards in archives */
.woocommerce ul.products li.product {
  background: var(--pl-surface);
  color: var(--pl-text-dark);
  border-radius: var(--pl-radius-md);
  border: 1px solid var(--pl-border-card);
  padding: 14px 14px 18px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08);
}


/* Mini Cart Product title */

.wc-block-components-product-metadata h2{
    font-size: 1.25rem !important;
}



/*-------------------------------*/
/* -- Amazon star rating --      */
/*-------------------------------*/

.pl-stars {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  line-height: 1;
}

.pl-star {
  font-size: 1.6rem;
  color: #ff6201;
}

/* full star */
.pl-star.pl-full { opacity: 1; }

/* empty star */
.pl-star.pl-empty { opacity: 0.25; }

/* half star (simple visual trick using gradient + background-clip) */
.pl-star.pl-half {
  background: linear-gradient(90deg, #ff6201 50%, #ffc39e 50%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}


.pl-rating{
  display: inline-flex;
  align-items: center;
  gap: 8px;      /* distance between value and stars */
}

.pl-rating-value {
  font-size: 1.3rem; /* control the number size */
  font-weight: 500;
  opacity: 1;
  line-height: 1;
}

.pl-rating-stars{
  display: inline-flex;
  gap: 0.5px;            /* distance between the stars themselves */
  line-height: 1;
}




/* ===================================================================================*/
/*   WC MY ACCOUNT ===================================================================*/
/* ===================================================================================*/

/* Version 1/12/2025 */
/* General layout – keep content centered like the rest of the site */
.woocommerce-account .woocommerce,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
    max-width: 1400px !important;
    margin: 40px auto;
    padding: 60px 40px;
    background: #f3f4f6;
    border-radius: 15px;
}


.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left;
    width: 260px;
    margin-right: 30px;

}

.woocommerce-account .woocommerce-MyAccount-content {
    overflow: hidden;
}

/* Side menu container */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Each button-like item */
.woocommerce-account .woocommerce-MyAccount-navigation li {
    margin: 0 !important;
}

/* Links styled as big buttons */
.woocommerce-account .woocommerce-MyAccount-navigation li a {
    display: block;
    padding: 14px 18px;
    border-radius: 15px;
    background: #f6f7f9;
    color: #122030;
    font-weight: 600;
    text-decoration: none;
    border: 1px solid #d9dde3;
    transition: background 0.2s ease, color 0.2s ease;
}

/* Hover state */
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover {
    background: #005b82;
    color: #ffffff;
}

/* Active endpoint (current menu item) */
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    background: #004465;
    color: #ffffff;
    border-color: #004465;
}

/* Main content area */
.woocommerce-account .woocommerce-MyAccount-content {
    background: #ffffff;
    padding: 25px 30px;
    border-radius: 15px;
    border: 1px solid #d9dde3;
}

/* Headings inside account content */
.woocommerce-account .woocommerce-MyAccount-content h2,
.woocommerce-account .woocommerce-MyAccount-content h3 {
    margin-top: 0;
}

/* =========================
   ACCOUNT TABLES (orders/downloads)
   ========================= */

.woocommerce-account table.shop_table {
   /*width: 100%;*/
    border-collapse: collapse;
    font-size: 14px;
}

.woocommerce-account table.shop_table th,
.woocommerce-account table.shop_table td {
    padding: 12px 10px;
    border-bottom: 1px solid #e3e6eb;
}

.woocommerce-account table.shop_table th {
    font-weight: 600;
}

/* View button */
.woocommerce-account a.button,
.woocommerce-account button.button {
    border-radius: 15px;
    padding: 8px 20px;
    background: #004465;
    color: #ffffff;
    text-decoration: none;
    border: none;
}

/* =========================
   LOGIN / REGISTER LAYOUT
   ========================= */

/* Make the login/register wrapper a flex row */
.woocommerce-account #customer_login {
    display: flex;
    align-items: flex-start;
    gap: 30px;                 /* space between the two cards */
}

/* Each column (Login / Register) */
.woocommerce-account #customer_login .u-column1,
.woocommerce-account #customer_login .u-column2 {
    width: 50%;
    float: none;               /* cancel Woo's default floats */
    box-sizing: border-box;
}

/* Mobile: stack one under the other */
@media (max-width: 900px) {
    .woocommerce-account #customer_login {
        display: block;
    }

    .woocommerce-account #customer_login .u-column1,
    .woocommerce-account #customer_login .u-column2 {
        width: 100%;
        margin: 0 0 20px 0;
    }
}



/* Buttons (login / register) */
.woocommerce-account form.login button.button,
.woocommerce-account form.register button.button {
    margin-top: 10px;
    border-radius: 15px;
    padding: 10px 24px;
}

/* Lost password link */
.woocommerce-account form.login .lost_password a {
    font-size: 14px;
}


/* =========================
   RESPONSIVE
   ========================= */

@media (max-width: 900px) {
    .woocommerce-account .woocommerce {
        padding: 20px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 20px;
    }


    .woocommerce-account #customer_login .u-columns {
        flex-direction: column;
        gap: 20px;
    }
    
    .woocommerce-account #customer_login .u-column1,
    .woocommerce-account #customer_login .u-column2 {
        width: 100%;
    }
    
}


/* =========================
   FIX: CONTENT BLEEDING / HORIZONTAL OVERFLOW (mobile)
   Reason: width:100% + padding with content-box
   ========================= */

.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    box-sizing: border-box;
    max-width: 100%;
}

/* Extra safety: prevent inner elements from forcing overflow */
.woocommerce-account .woocommerce-MyAccount-content * {
    box-sizing: border-box;
    max-width: 100%;
}

/* Tables (orders/downloads): never exceed container */
.woocommerce-account table.shop_table {
    width: 100%;       /* override your 90% to avoid weird edge cases */
    max-width: 100%;
}

/* If a table still gets wide (long order ids etc.), allow scroll instead of breaking layout */
.woocommerce-account .woocommerce-MyAccount-content table.shop_table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


/*----------------------------------------------------------------------------------*/
/* Force 2 columns on mobile for Woo "Product Collection" grids (Search + Archives) */
/*----------------------------------------------------------------------------------*/

@media (max-width: 781px) {

  /* 1) Product Collection block (Woo Blocks) */
  .wp-block-woocommerce-product-collection {
    /* different WC versions use different vars, set both */
    --columns: 2;
    --wc--columns: 2;
    --wc-block-grid-columns: 2;
  }

  /* 2) The actual product list inside the block (most common class) */
  .wp-block-woocommerce-product-collection .wc-block-product-template {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  /* Ensure items don't force full width */
  .wp-block-woocommerce-product-collection .wc-block-product-template > li {
    width: auto !important;
    margin: 0 !important;
  }

  /* 3) Fallback for classic Woo loops if any template still uses them */
  .woocommerce ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .woocommerce ul.products > li.product {
    width: auto !important;
    margin: 0 !important;
  }
}



/*---------------------------------*/
/* Breadcrumbs – Stitch style */
/*---------------------------------*/

.woocommerce-breadcrumb{
  margin: 22px 0 14px;
  font-size: 13px;
  line-height: 1.3;
  font-weight: 500;
  color: #64748b;
}

.woocommerce-breadcrumb a{
  color: inherit;
  text-decoration: none;
}

.woocommerce-breadcrumb a:hover{
  color: #2C5282;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* If you wrap the current crumb (see PHP snippet below) */
.woocommerce-breadcrumb .pl-bc-current{
  color: #0f172a;
  font-weight: 600;
}

/* If you output HTML delimiter (see PHP snippet below) */
.woocommerce-breadcrumb .pl-bc-sep{
  font-size: 20px;      /* try 16–22px */
  line-height: 1;
  display: inline-block;
  margin: 0 15px;
  color: #94a3b8;
  font-weight: 600;
  transform: translateY(1px);
  transform: translateY(2px); /* optional: align vertically */
}






/* ===============================
   WLFMC Wishlist (Stitch style)
   Markup: .wp-block-buttons (flex) > .pl-sp-wishlist > .wlfmc-add-to-wishlist
   =============================== */

/* 1) Make the wishlist GROUP stretch inside Gutenberg Buttons (flex container) */
body.single-product .wp-block-buttons .pl-sp-wishlist{
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  align-self: stretch !important;
}

/* 2) Stretch plugin wrappers */
body.single-product .pl-sp-wishlist .wlfmc-add-to-wishlist,
body.single-product .pl-sp-wishlist .wlfmc-add-button{
  
  width: 100% !important;
  max-width: 100% !important;
}

/* 3) The clickable button (Save + Unsave) */
body.single-product .pl-sp-wishlist a.wlfmc_add_to_wishlist,
body.single-product .pl-sp-wishlist a.wlfmc_delete_item{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;

  padding: 8px 14px !important;
  border-radius: 15px !important;

  background: #fff !important;
  border: 1px solid #778095 !important; /*#c4c8d1*/

  color: var(--pl-text) !important;
  font-weight: 600 !important;
  text-decoration: none !important;

  cursor: pointer !important;
  box-shadow: none !important;
}

/* 4) Hover */
body.single-product .pl-sp-wishlist a.wlfmc_add_to_wishlist:hover,
body.single-product .pl-sp-wishlist a.wlfmc_delete_item:hover{
  background: rgba(44,82,130,0.04) !important;
  border-color: rgba(44,82,130,0.35) !important;
}

/* 5) Icon sizing */
body.single-product .pl-sp-wishlist .wlfmc-icon-tag,
body.single-product .pl-sp-wishlist .wlfmc-icon-tag-o{
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 auto !important;
}



/* ================================
   Product Tags → Button Style
   ================================ */

.taxonomy-product_tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0; /* kills comma spacing side-effects */
}

/* Hide "Tags:" prefix */
.taxonomy-product_tag .wp-block-post-terms__prefix {
  display: none;
}

/* Hide comma separators */
.taxonomy-product_tag .wp-block-post-terms__separator {
  display: none;
}

/* Tag buttons */
.taxonomy-product_tag a {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;

  color: var(--pl-text-muted, #4b5563);
  background-color: var(--pl-surface-soft, #f3f4f6);

  border: 1px solid var(--pl-border-subtle, #e5e7eb);
  border-radius: 999px;

  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s ease;
}

/* Hover / focus */
.taxonomy-product_tag a:hover,
.taxonomy-product_tag a:focus-visible {
  background-color: var(--pl-primary-soft, #e8f0fb);
  border-color: var(--pl-primary, #1e3a5f);
  color: var(--pl-primary, #1e3a5f);
}

/* Active (optional – current tag archive) */
.taxonomy-product_tag a[aria-current="page"] {
  background-color: var(--pl-primary, #1e3a5f);
  border-color: var(--pl-primary, #1e3a5f);
  color: #fff;
}




/* ================================
   Tags Heading
   ================================ */

.pl-tags-heading {
  margin: 0 0 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 700;

  /* responsive size */
  font-size: clamp(12px, 1.1vw, 14px);

  color: var(--pl-heading, #6b7280); /* light */
}

.dark .pl-tags-heading {
  color: #e5e7eb; /* brighter in dark mode */
}

/* ================================
   Product Tags → Button Style
   ================================ */

.taxonomy-product_tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 0; /* prevents separator spacing quirks */
}

.taxonomy-product_tag .wp-block-post-terms__prefix,
.taxonomy-product_tag .wp-block-post-terms__separator {
  display: none;
}

/* Pills */
.taxonomy-product_tag a {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;

  /* responsive */
  font-size: clamp(12px, 1.05vw, 13px);
  line-height: 1;
  font-weight: 600;

  color: #4b5563;            /* light text */
  background: #f3f4f6;       /* light bg */
  border: 1px solid #c4c8d1; /* light border */

  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.taxonomy-product_tag a:hover,
.taxonomy-product_tag a:focus-visible {
  background: #e8f0fb;
  border-color: #1e3a5f;
  color: #1e3a5f;
  outline: none;
}

/* Dark mode: brighter text + clearer border */
.dark .taxonomy-product_tag a {
  background: #111a22;
  border-color: #2b3a4a;
  color: #f3f4f6; /* brighter */
}

.dark .taxonomy-product_tag a:hover,
.dark .taxonomy-product_tag a:focus-visible {
  background: #1e3a5f;
  border-color: #1e3a5f;
  color: #ffffff;
}

/* Optional: slightly smaller pills on very small screens */
@media (max-width: 420px) {
  .taxonomy-product_tag {
    gap: 6px;
  }
  .taxonomy-product_tag a {
    padding: 6px 10px;
  }
}








/* ==============================
   Stats row (your exact HTML)
   ============================== */



/* Row wrapper: use flex (since Gutenberg already sets is-layout-flex) */
.wp-block-group.pl-sp-stats-row{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  justify-content: center;
  gap: 0;
  text-align: center;
  padding: 0;
}

/* Borders (override inline border colors) */

body.dark .wp-block-group.pl-sp-stats-row{
  border-top-color: rgba(255,255,255,0.14) !important;
  border-bottom-color: rgba(255,255,255,0.14) !important;
}

/* Each card */
.wp-block-group.pl-view-stats,
.wp-block-group.pl-print-stats,
.wp-block-group.pl-save-stats{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  min-width: 0;
}

/* Vertical dividers between cards */
.wp-block-group.pl-view-stats,
.wp-block-group.pl-print-stats{
  border-right: 1px solid rgba(0,0,0,0.08);
}
body.dark .wp-block-group.pl-view-stats,
body.dark .wp-block-group.pl-print-stats{
  border-right-color: rgba(255,255,255,0.12);
}

/* Remove empty p spacing that exists in Printed */
.wp-block-group.pl-print-stats > p:empty{
  display: none;
  margin: 0;
  padding: 0;
}

/* ---------- VALUE (number line) ----------
   Cover all three variants:
   - Views: .product-view-count (span)
   - Printed: .total-print-clicks (div)
   - Saved: .wishlist-count-display (span)
*/
.wp-block-group.pl-view-stats .product-view-count,
.wp-block-group.pl-print-stats .total-print-clicks,
.wp-block-group.pl-save-stats .wishlist-count-display{
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--pl-text, #111827);
}

/* Ensure the containers don’t add margins */
.wp-block-group.pl-view-stats p,
.wp-block-group.pl-save-stats p{
  margin: 0;
}

/* Dark mode value color */
body.dark .wp-block-group.pl-view-stats .product-view-count,
body.dark .wp-block-group.pl-print-stats .total-print-clicks,
body.dark .wp-block-group.pl-save-stats .wishlist-count-display{
  color: rgba(255,255,255,0.92);
}

/* ---------- LABEL ----------
   You added .pl-stat-label on the <p> — perfect.
*/
.wp-block-group.pl-sp-stats-row p.pl-stat-label{
  margin: 6px 0 0;
  font-size: 12px;   /* match Stitch-like small label */
  font-weight: 500;
  line-height: 1.2;
  color: rgba(17,24,39,0.65);
}
body.dark .wp-block-group.pl-sp-stats-row p.pl-stat-label{
  color: rgba(255,255,255,0.62);
}

/* Mobile */
@media (max-width: 480px){
  .wp-block-group.pl-view-stats .product-view-count,
  .wp-block-group.pl-print-stats .total-print-clicks,
  .wp-block-group.pl-save-stats .wishlist-count-display{
    font-size: 18px;
  }
}





/* =================================================================
   Planerium Verdict (single product) — Unified typography + spacing
   ================================================================= */

.pl-sp-verdict{
  /* Typography */
  --pl-verdict-title: clamp(20px, 1.2vw + 14px, 24px);
  --pl-verdict-body:  clamp(13px, 0.35vw + 12px, 15px);
  --pl-verdict-link:  clamp(13px, 0.35vw + 12px, 14px);
  --pl-verdict-footnote: 12px;

  /* Spacing */
  --pl-verdict-links-gap: 6px;
  --pl-verdict-block-gap: 0px; /* disables Gutenberg "block gap" inside verdict area */
}

/* Gutenberg "flow layout" adds vertical margins between blocks; neutralize it inside verdict */
.pl-sp-verdict .is-layout-flow > * + *{
  margin-block-start: var(--pl-verdict-block-gap) !important;
}

/* Title: "📜 Planerium Verdict" (override inline clamp) */
.pl-sp-verdict h2.wp-block-heading{
  font-size: var(--pl-verdict-title) !important;
  margin: 0 !important;
  line-height: 1.2;
}

/* Verdict text */
.pl-sp-verdict .pl-sp-verdict-text,
.pl-sp-verdict .pl-sp-verdict-text .flexible-query-text{
  margin: 0 !important;
  padding: 0 !important;
}

.pl-sp-verdict .pl-sp-verdict-text .flexible-query-text{
  font-size: var(--pl-verdict-body) !important;
  line-height: 1.5;
}

/* Bold verdict label */
.pl-sp-verdict .pl-sp-verdict-text b{
  font-weight: 700;
}

/* title row -> verdict text gap */
.pl-sp-verdict .pl-sp-verdict-text{
  margin-top: 10px !important; /* set your desired gap */
  margin-bottom: 10px !important;
}


/* Link wrappers: reset spacing */
.pl-sp-verdict .pl-sp-verdict-product-link,
.pl-sp-verdict .pl-sp-verdict-brand-link,
.pl-sp-verdict .pl-sp-verdict-product-link .flexible-query-text,
.pl-sp-verdict .pl-sp-verdict-brand-link .flexible-query-text{
  margin: 0 !important;
  padding: 0 !important;
}

/* ✅ The real mobile gap culprit: shortcode outputs a trailing <br> */
.pl-sp-verdict .pl-sp-verdict-product-link br,
.pl-sp-verdict .pl-sp-verdict-brand-link br{
  display: none !important;
}

/* Links (override inline font-size:16px) */
.pl-sp-verdict .pl-sp-verdict-product-link a,
.pl-sp-verdict .pl-sp-verdict-brand-link a{
  font-size: var(--pl-verdict-link) !important;
  line-height: 1.25;
  display: inline-block;
  margin: 0 !important;
  padding: 0;
  white-space: normal;
  word-break: break-word;
}

/* Control spacing between the two links (brand link is the 2nd one) */
.pl-sp-verdict .pl-sp-verdict-brand-link{
  margin-top: var(--pl-verdict-links-gap) !important;
}

/* Footnote line */
.pl-sp-verdict h5.wp-block-heading{
  font-size: var(--pl-verdict-footnote) !important;
  margin: 0 !important;
  line-height: 1.25;
}

/* Tablet & down: make links easier to tap */
@media (max-width: 782px){
  .pl-sp-verdict{
    --pl-verdict-links-gap: 4px;
  }

  .pl-sp-verdict .pl-sp-verdict-product-link a,
  .pl-sp-verdict .pl-sp-verdict-brand-link a{
    display: block;
    width: 100%;
    padding: 6px 8px;
    border-radius: 10px;
  }
}

/* Mobile: larger title + tighter link gap */
@media (max-width: 480px){
  .pl-sp-verdict{
    --pl-verdict-title: clamp(22px, 3vw + 12px, 28px);
    --pl-verdict-links-gap: 2px;
  }
}






/* =========================================================
   Print Button (shortcode) – match .pl-sp-learnprint style
   File: /wp-content/themes/twentytwentyfive-child/css/single-product.css
   ========================================================= */


/* Row container: centered, wraps, stacks on small screens */
.pl-action-buttons{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* Buttons: shared styling (Print + Download) */
.pl-action-buttons .pln-print-btn,
.pl-action-buttons .pl-pdf-download{
  box-sizing: border-box;          /* <-- fixes mobile overflow */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  width: 100%;
  max-width: 420px;                /* smaller than 520 */
  padding: 12px 28px;              /* smaller / gentler */
  border-radius: 12px;

  background: #2C5282;
  border: 1px solid #2C5282;       /* thinner border */
  color: #fff;

  font-weight: 500;
  font-size: clamp(16px, 1.6vw, 18px);
  line-height: 1.2;
  text-decoration: none;
  letter-spacing: 0.4px;           /* softer than 1px */

  cursor: pointer;
  user-select: none;

  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease,
    border-color 160ms ease;
}

/* Hover = slightly lighter, less “aggressive” */
.pl-action-buttons .pln-print-btn:hover,
.pl-action-buttons .pl-pdf-download:hover{
  background: #24496f;
  border-color: #24496f;
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(44, 82, 130, 0.18);
}

/* Active = pressed */
.pl-action-buttons .pln-print-btn:active,
.pl-action-buttons .pl-pdf-download:active{
  transform: translateY(0);
  box-shadow: 0 6px 12px rgba(24, 49, 79, 0.14);
}

.pl-action-buttons .pln-print-btn:focus-visible,
.pl-action-buttons .pl-pdf-download:focus-visible{
  outline: 3px solid #fca311;
  outline-offset: 3px;
}

/* Make sure they stack nicely on small screens */
@media (max-width: 640px){
  .pl-action-buttons{
    gap: 12px;
  }
  .pl-action-buttons .pln-print-btn,
  .pl-action-buttons .pl-pdf-download{
    max-width: 100%;
    padding: 12px 18px;            /* reduce side padding for narrow screens */
  }
}








/* =========================================
   WooCommerce Login/Register – hCaptcha mobile overflow fix
   hCaptcha widget is ~300px wide; scale it down on narrow screens
========================================= */

.woocommerce form.woocommerce-form-login .h-captcha,
.woocommerce form.woocommerce-form-register .h-captcha,
.woocommerce form.woocommerce-form-login iframe[src*="hcaptcha.com"],
.woocommerce form.woocommerce-form-register iframe[src*="hcaptcha.com"]{
  max-width: 100%;
}

/* Stop any tiny overhang from being visible */
.woocommerce form.woocommerce-form-login .h-captcha,
.woocommerce form.woocommerce-form-register .h-captcha{
  overflow: hidden;
}

/* Scale down on small screens (tweak numbers if needed) */
@media (max-width: 420px){
  .woocommerce form.woocommerce-form-login .h-captcha,
  .woocommerce form.woocommerce-form-register .h-captcha{
    transform: scale(0.9);          /* 300px -> ~270px */
    transform-origin: left top;
  }
}

@media (max-width: 360px){
  .woocommerce form.woocommerce-form-login .h-captcha,
  .woocommerce form.woocommerce-form-register .h-captcha{
    transform: scale(0.9);          /* 300px -> ~270px */
  }
}






/* Filter chips change to pill shape */
.wc-block-product-filter-removable-chips__item{
    border-radius:50px !important;
    
}

.wc-block-product-filter-removable-chips__label{
    font-size: 0.8rem;
}


/* =========================================
   Planerium – Library Category Grid (Shop)
   Scoped to .pl-cat-grid
========================================= */

.pl-cat-grid .pl-cat-card{
  position: relative;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease;
  will-change: transform;
}

/* Hover lift (Stitch feel) cat, blog, products, ai cards */
.pl-cat-grid .pl-cat-card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 40px #0000001A;
}

.pl-blog-card:hover{
  transform: translateY(-3px);
  transition: transform 300ms ease;
}

.pl-prod-card:hover{
  transform: translateY(-3px);
  transition: transform 300ms ease;
}

.pl-tool-card:hover{
  transform: translateY(-3px);
  transition: transform 300ms ease;
}

.pl-home-card:hover{
  transform: translateY(-3px);
  transition: transform 300ms ease;
}



/* Keyboard accessibility (focus ring on the whole card) */
.pl-cat-grid .pl-cat-card:focus-within{
  transform: translateY(-3px);
  box-shadow:
    0 0 0 3px #0EA5A8,
    0 18px 40px #0000001A;
}

/* Full-card invisible link */
.pl-cat-grid .pl-cat-card__overlay{
  position: absolute;
  inset: 0;
  z-index: 10;
  border-radius: inherit;
  text-decoration: none;
  cursor: pointer;
}

/* Don’t show default link outlines (we use focus-within on the card) */
.pl-cat-grid .pl-cat-card__overlay:focus{
  outline: none;
}

/* Reduce motion support */
@media (prefers-reduced-motion: reduce){
  .pl-cat-grid .pl-cat-card{
    transition: none;
  }
  .pl-cat-grid .pl-cat-card:hover,
  .pl-cat-grid .pl-cat-card:focus-within{
    transform: none;
  }
}



/* ------------------------------------------------------------
   Paid printable (simple) product: price order (NEW first, OLD on right)
   Targets Woo Blocks markup: .wc-block-components-product-price
------------------------------------------------------------ */
body.single-product.product-type-simple .wc-block-components-product-price{
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
}

body.single-product.product-type-simple .wc-block-components-product-price ins{
  order:1;
  text-decoration:none;
  font-weight:700;
}

body.single-product.product-type-simple .wc-block-components-product-price del{
  order:2;
  opacity:0.7;
}

body.single-product.product-type-simple .wc-block-components-product-price .screen-reader-text{
  order:99;
}


/* ------------------------------------------------------------
   External product: price order (NEW first, OLD on the right)
   Targets Woo Blocks markup: .wc-block-components-product-price
------------------------------------------------------------ */
body.single-product.product-type-external .wc-block-components-product-price{
  display:flex;
  align-items:baseline;
  gap:12px;
  flex-wrap:wrap;
}

/* New price (ins) first */
body.single-product.product-type-external .wc-block-components-product-price ins{
  order:1;
  text-decoration:none; /* remove underline */
  font-weight:700;
}

/* Old price (del) second (on the right) */
body.single-product.product-type-external .wc-block-components-product-price del{
  order:2;
  opacity:0.7;
}

/* Keep screen-reader text out of the visual order */
body.single-product.product-type-external .wc-block-components-product-price .screen-reader-text{
  order:99;
}






/* -----------------------------
   7) Woo product grids (archives/search): force 2 columns on mobile
----------------------------- */


/* Desktop grid (same idea as mobile, just more columns + bigger gap) */
@media (min-width: 782px){

  /* Woo Blocks: Product Collection */
  .wp-block-woocommerce-product-collection{
    --columns: 4;
    --wc--columns: 4;
    --wc-block-grid-columns: 4;
  }

  .wp-block-woocommerce-product-collection .wc-block-product-template{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 30px !important;
  }

  .wp-block-woocommerce-product-collection .wc-block-product-template > li{
    width: auto !important;
    margin: 0 !important;
  }

  /* Classic WooCommerce archives (fallback / other templates) */
  .woocommerce ul.products{
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 25px !important;
  }

  .woocommerce ul.products > li.product{
    width: auto !important;
    margin: 0 !important;
  }
}

@media (max-width: 781px){

  .wp-block-woocommerce-product-collection{
    --columns: 2;
    --wc--columns: 2;
    --wc-block-grid-columns: 2;
  }

  .wp-block-woocommerce-product-collection .wc-block-product-template{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .wp-block-woocommerce-product-collection .wc-block-product-template > li{
    width: auto !important;
    margin: 0 !important;
  }

  .woocommerce ul.products{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .woocommerce ul.products > li.product{
    width: auto !important;
    margin: 0 !important;
  }
}

/* Product cards */
.woocommerce ul.products li.product{
  background: var(--pl-surface);
  color: var(--pl-text);
  border-radius: var(--pl-radius-md);
  border: 1px solid var(--pl-border-card);
  padding: 14px 14px 18px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.08);
}





/* Base: make the button behave nicely in the card */
.wp-block-woocommerce-product-collection
.wc-block-components-product-button__button{
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  line-height: 1.15;
  white-space: normal;      /* allow wrapping if needed */
  word-break: break-word;
}

/* Mobile: smaller font + tighter padding */
@media (max-width: 600px){
  .wp-block-woocommerce-product-collection
  .wc-block-components-product-button__button{
    font-size: clamp(12px, 3.2vw, 14px) !important;
    padding: 5px 12px !important;   /* overrides inline */
    margin-top: 6px !important;
    margin-bottom: 10px !important;
  }

  /* If you want the text not to break into 2 lines */
  .wp-block-woocommerce-product-collection
  .wc-block-components-product-button__button span{
    display: inline-block;
    white-space: nowrap;
  }
}


/* -----------------------------
   0) Safety: prevent anything from bleeding outside rounded cards
-------------------------------- */
.wc-block-product-template li.wc-block-product > .wp-block-group.has-background{
  overflow: hidden; /* keeps badge/button from visually escaping the card radius */
}



/* -----------------------------
   1) Sale price order: show NEW price first, old price after it
-------------------------------- */
.wc-block-product .wc-block-components-product-price{
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
}

/* New/current price first */
.wc-block-product .wc-block-components-product-price ins{
  order: 1;
  text-decoration: none;
  font-weight: 700;
}

/* Old/original price second */
.wc-block-product .wc-block-components-product-price del{
  order: 2;
  opacity: .65;
}

/* regular price (no sale) */
.wc-block-product .wc-block-components-product-price > .woocommerce-Price-amount{
  order: 1;
  font-weight: 700;
}



/* ------------------------------------------
   2) Verdict badge (stable + responsive)
------------------------------------------ */

/* ------------------------------------------
   Planerium Verdict badge (new markup)
   - container: .pl-rating
   - stars:     .pl-rating-stars
   - badge:     .pl-verdict-badge + .pl-verdict-*
------------------------------------------ */

.wc-block-product .pl-rating{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.wc-block-product .pl-rating-stars{
  flex: 0 0 auto;
}

/* Badge base */
.wc-block-product .pl-verdict-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 4px 8px;
  border-radius: 999px;

  font-size: 12px;
  line-height: 1;
  font-weight: 600;

  border: 1px solid rgba(0,0,0,.12);

  max-width: 100%;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Add emoji prefix like before*/
.wc-block-product .pl-verdict-solid::before{ content: "✅ "; }
.wc-block-product .pl-verdict-choice::before{ content: "❤ "; }
.wc-block-product .pl-verdict-fair::before{ content: "⚖ "; }
.wc-block-product .pl-verdict-inspect::before{ content: "👓 "; }
.wc-block-product .pl-verdict-prime::before{ content: "🏆 "; }


/* Solid */
.wc-block-product .pl-verdict-solid{
  background: #DCFCE7;
  border-color: #22C55E;
  color: #14532D;
}

/* Choice */
.wc-block-product .pl-verdict-choice{
  background: #FEE2E2;
  border-color: #EF4444;
  color: #991B1B;
}

/* Fair */
.wc-block-product .pl-verdict-fair{
  background: #F3E8D3;
  border-color: #A16207;
  color: #7C4A03;
}

/* Inspect */
.wc-block-product .pl-verdict-inspect{
  background: #E5E7EB;
  border-color: #6B7280;
  color: #374151;
}

/* Prime */
.wc-block-product .pl-verdict-prime{
  background: #FEF3C7;
  border-color: #F59E0B;
  color: #92400E;
}

/* Mobile: stack stars + badge */
@media (max-width: 600px){
  .wc-block-product .pl-rating{
    flex-direction: column;
    align-items: flex-start;
  }
  .wc-block-product .pl-verdict-badge{
    font-size: 11px;
    padding: 5px 9px;
  }
}



/* Hero brand line */
.hero-brand{
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .9;
  margin-bottom: 10px;
}

/* Hide brand line on desktop (optional) */
@media (min-width: 783px){
  .hero-brand{ display:none; }
}

/* Slightly tighter spacing on mobile */
@media (max-width: 782px){
  .hero-brand{ margin-bottom: 8px; }
}




/* Previous/Next navigation buttons (class added in block: .nav-prev) */
.nav-prev a,
.nav-prev .wp-block-post-navigation-link__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;

  padding: .55rem .95rem;
  border-radius: 15px;

  background: rgba(255, 255, 255. 0.85);
  border: 1px solid rgba(0, 0, 0, 0.14);
  color: var(--wp--preset--color--contrast, #1b1b1b);

  text-decoration: none;
  font-weight: 600;
  line-height: 1;

  transition: background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.nav-prev a:hover,
.nav-prev .wp-block-post-navigation-link__link:hover {
  background: rgba(255, 255, 255, 1);
  border-color: rgba(0, 0, 0, 0.22);
  transform: translateY(-1px);
}

.nav-prev a:active,
.nav-prev .wp-block-post-navigation-link__link:active {
  transform: translateY(0);
}

.nav-prev a:focus-visible,
.nav-prev .wp-block-post-navigation-link__link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(33, 111, 219, 0.25);
}

/* Optional: slightly tighter on mobile */
@media (max-width: 480px) {
  .nav-prev a,
  .nav-prev .wp-block-post-navigation-link__link {
    padding: .5rem .8rem;
  }
}








.pl-series-images-only .pl-series-item a {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 1px 8px rgba(0,0,0,0.08);
}

.pl-series-title{
    font-weight: bold;
    text-align: center;
}

/* Desktop default comes from inline --pl-cols (e.g., 4) */

/* Mobile: 2 columns (so 4 items become 2 rows of 2) */
@media (max-width: 768px) {
  .pl-series-images-only .pl-series-grid {
    --pl-cols: 2;
  }
}

/* Optional: very small phones => 1 column */
@media (max-width: 420px) {
  .pl-series-images-only .pl-series-grid {
    --pl-cols: 1;
  }
}



/* Grades chips on single printable page */

.pl-product-grades {
    margin: 14px 0 18px;
}

.pl-product-grades__label {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #5f6875;
    margin-bottom: 6px;
}

.pl-product-grades__value {
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;
}

.pl-product-grades__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pl-product-grades__chip {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border: 1px solid #cfd6df;
    border-radius: 999px;
    background: #f8fafc;
    font-size: 13px;
    line-height: 1;
    color: #334155;
}


/* AI lesson plans archive page 3/4/2026  */

article.pl-aiw-public-page{
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-page h1{
  font-size: 52px;
  line-height: 1.1;
  margin-bottom: 18px;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-page .pl-aiw-archive-intro{
  font-size: 18px;
  color: #5b6472;
  margin-bottom: 20px;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-page{
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 16px;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-filters{
  background: #fff;
  border: 1px solid #d9dee5;
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-filters-grid{
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 12px;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-filters input,
body.pl-aiw-public-plan-archive .pl-aiw-archive-filters select{
  min-height: 44px;
  border: 1px solid #cfd6df;
  border-radius: 10px;
  padding: 0 12px;
  font-size: 15px;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-card{
  background: #fff;
  border: 1px solid #d9dee5;
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-card-title{
  margin: 0 0 10px;
  font-size: 28px;
  line-height: 1.2;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-card-title a{
  text-decoration: none;
  color: #133b74;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-card-title a:hover{
  color: #0f2f5b;
}

body.pl-aiw-public-plan-archive .pl-aiw-archive-card-meta,
body.pl-aiw-public-plan-archive .pl-aiw-archive-card-product,
body.pl-aiw-public-plan-archive .pl-aiw-archive-card-rating,
body.pl-aiw-public-plan-archive .pl-aiw-archive-result-count{
  font-size: 15px;
  color: #566274;
}

body.pl-aiw-public-plan-archive .pl-aiw-public-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  margin:5px 5px 0 0;
  border-radius: 12px;
  text-decoration: none;
}

@media (max-width: 782px){
  body.pl-aiw-public-plan-archive .pl-aiw-archive-filters-grid,
  body.pl-aiw-public-plan-archive .pl-aiw-archive-grid{
    grid-template-columns: 1fr;
  }

  body.pl-aiw-public-plan-archive .pl-aiw-archive-card-title{
    font-size: 24px;
  }
}