#main-navigation {
    z-index: 1040 !important;
}

#page-content a {
  color: #D97A6C;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

#page-content a:hover {
  color: #D97A6C;
  text-decoration: underline;
}

/* Flodesk popup should appear above sticky header/menu */
.fd-modal,
.fd-popup,
.fd-overlay,
.fd-form-popup,
[data-fd-popup],
[data-ff-el="modal"],
[data-ff-el="overlay"]{
z-index:9999999!important;
}

/* Force lists to left-align and fix weird spacing on mobile screens */
@media (max-width: 768px) {
  ul, ol {
    text-align: left !important;
    line-height: 1.6 !important;
    letter-spacing: normal !important;
    padding-left: 20px !important;
  }
  li {
    text-align: left !important;
    margin-bottom: 8px !important;
  }
}

@media (max-width: 600px) {
  /* 1. Forces the squished Gutenberg text-and-image block to break apart on mobile */
  .wp-block-media-text,
  .wp-block-columns,
  .sme-pinterest-section-container {
    display: block !important;
    grid-template-columns: 100% !important;
    width: 100% !important;
  }

  /* 2. Expands the text block to full viewport width so words wrap naturally */
  .wp-block-media-text__content,
  .wp-block-column,
  .wp-block-media-text + p {
    width: 100% !important;
    max-width: 100% !important;
    padding: 15px 10px !important;
    box-sizing: border-box !important;
  }

  /* 3. Adds clear vertical breathing room between your text lines */
  .wp-block-media-text__content p,
  .wp-block-column p {
    line-height: 1.6 !important;
    font-size: 15px !important;
  }
}

/* ==========================================================================
   SMBE 100% Centralized Privacy Policy Visual Engine Layout Rules
   ========================================================================== */
.sme-global-disclosure {
  display: block;
  max-width: 900px;
  margin: 20px auto 25px;
  padding: 12px 16px;
  background-color: #f4f1ec;
  border-left: 3px solid #ddd4ca; 
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 0.18s ease;
}

.sme-global-disclosure:hover {
  background-color: #faf8f5;
}

/* Injects your main disclaimer sentence text automatically */
.sme-global-disclosure::before {
  content: "✨ This post may contain affiliate links. Simply Made by Erin may earn a small commission from purchases made, at no extra cost to you. ";
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-style: italic;
  color: #555555 !important;
  font-weight: 400;
}

/* Injects your active text link inline automatically */
.sme-global-disclosure::after {
  content: "Read our Privacy Policy here.";
  font-size: 13px !important;
  line-height: 1.5 !important;
  font-weight: 600;
  color: #4b332b !important;
  text-decoration: underline !important;
}

.sme-global-disclosure:hover::after {
  color: #d4836a !important;
}

@media (max-width: 600px) {
  .sme-global-disclosure {
    padding: 10px 12px;
    margin: 15px auto 20px;
    text-align: left; /* Improves fine print legibility on small phone viewports */
  }

  .sme-global-disclosure::before,
  .sme-global-disclosure::after {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}

/* ==========================================================================
   SMBE Global Centralized PDF Promo Box Engine
   ========================================================================== */
.sme-pdf-promo-box {
  max-width: 900px;
  margin: 35px auto;
  padding: 24px 20px;
  background-color: #f4f1ec;
  border-radius: 10px;
  text-align: center;
  box-sizing: border-box;
}

/* Injects the main bold title headline automatically */
.sme-pdf-promo-box::before {
  content: "✨ WANT THE PRINTABLE PDF VERSION?";
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #000000;
  letter-spacing: 0.5px;
}

/* Injects the secondary descriptive instruction line automatically */
.sme-pdf-promo-box .sme-pdf-text::before {
  content: "Grab the paid, ad-free printable PDF pattern for easy printing:";
  font-size: 15px;
  line-height: 1.5;
  color: #222222;
}

/* Injects the footer "keep scrolling" notice at the very bottom automatically */
.sme-pdf-promo-box .sme-pdf-footer::before {
  content: "👇 Prefer the free version? Keep scrolling—it’s just below!";
  font-size: 14px;
  font-weight: 700;
  color: #000000;
}

.sme-pdf-button-row {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 16px 0;
}

.sme-pdf-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none !important;
  border-radius: 6px;
  transition: background 0.18s ease;
  min-height: 44px; /* Touch target standard size */
}

.sme-btn-etsy {
  background-color: #d4836a;
  color: #ffffff !important;
}

.sme-btn-etsy:hover {
  background-color: #c2725a;
}

.sme-btn-ravelry {
  background-color: #ffffff;
  color: #333333 !important;
  border: 1px solid #ddd4ca;
}

.sme-btn-ravelry:hover {
  background-color: #faf8f5;
}

@media (max-width: 600px) {
  .sme-pdf-promo-box {
    padding: 20px 14px;
  }

  .sme-pdf-promo-box::before {
    font-size: 14px;
  }

  .sme-pdf-promo-box .sme-pdf-text::before {
    font-size: 13px;
  }

  .sme-pdf-button-row {
    flex-direction: column;
    gap: 8px;
  }

  .sme-pdf-btn {
    width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    padding: 10px 12px;
  }
}

/* ==========================================================================
   SMBE 100% Global Centralized Dual-Link Copyright Box Engine
   ========================================================================== */
.sme-copyright-hub-box {
  display: block;
  max-width: 750px; /* Compressed elegant horizontal width profile */
  margin: 40px auto;
  padding: 24px;
  background-color: #f4f1ec;
  border: 1px solid #ddd4ca;
  border-radius: 8px;
  box-sizing: border-box;
  text-align: left;
}

/* 1. Injects the upper legal guidelines text text-blocks automatically */
.sme-copyright-hub-box::before {
  content: "Pattern and images are copyright protected and the sole property of Simply Made by Erin. \A This pattern is for personal use only. Please do not redistribute, transfer, or sell the pattern or any of the images. \A\A You are welcome to sell finished items made from this pattern. \A Please credit Simply Made by Erin as the designer. \A\A You may use the following credit: \A Pattern designed by Simply Made by Erin";
  white-space: pre-wrap; /* Directs the browser to render style line breaks natively */
  display: block;
  font-size: 14px;
  line-height: 1.6;
  color: #444444;
  margin-bottom: 2px;
}

/* 2. Automatically injects and styles your clickable home link typography */
.sme-copyright-hub-box a.sme-home-target {
  display: block;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
  color: #4b332b !important;
  text-decoration: underline !important;
  margin-bottom: 24px;
}
.sme-copyright-hub-box a.sme-home-target::before {
  content: "SimplyMadebyErin.com";
}
.sme-copyright-hub-box a.sme-home-target:hover {
  color: #d4836a !important;
}

/* 3. Injects the affiliate disclosure text block right inline below your website link */
.sme-copyright-hub-box a.sme-privacy-target::before {
  content: "✨ This post may contain affiliate links. Simply Made by Erin may earn a small commission from purchases made, at no extra cost to you. ";
  font-size: 14px;
  line-height: 1.6;
  font-style: italic;
  font-weight: 400;
  color: #555555 !important;
}

/* 4. Appends and styles the final Privacy text link underline at the very end */
.sme-copyright-hub-box a.sme-privacy-target::after {
  content: "Read our Privacy Policy and Disclosures here.";
  font-size: 14px;
  line-height: 1.6;
  font-weight: 600;
  color: #4b332b !important;
  text-decoration: underline !important;
  font-style: normal;
}
.sme-copyright-hub-box a.sme-privacy-target {
  display: block;
  text-decoration: none !important;
  cursor: pointer;
}
.sme-copyright-hub-box a.sme-privacy-target:hover::after {
  color: #d4836a !important;
}

/* Mobile responsive padding and text scale optimizations */
@media (max-width: 600px) {
  .sme-copyright-hub-box {
    padding: 16px 14px;
    margin: 30px auto;
    max-width: 100%;
  }
  .sme-copyright-hub-box::before,
  .sme-copyright-hub-box a.sme-home-target,
  .sme-copyright-hub-box a.sme-privacy-target::before,
  .sme-copyright-hub-box a.sme-privacy-target::after {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
}


/* ==========================================================================
   SMBE 100% Global Centralized Materials & Supplies Dashboard
   ========================================================================== */

/* Master Material Dashboard Container */
.sme-supply-box {
  max-width: 750px;
  margin: 35px auto;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 8px;
  /* --- COLOR CONFIGURATION --- */
  background: #f4f1ec;            /* Box Background */
  border: 1px solid #ddd4ca;       /* Box Border Line */
}

/* Section Headings & Intros */
.sme-supply-box h3 {
  margin: 0 0 10px;
  font-weight: 700;
  text-align: left !important;
}
.sme-supply-box p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 16px;
  color: #222222;
  text-align: left !important;
}

/* Bulleted Lists & Text Items */
.sme-supply-box ul {
  padding-left: 20px;
  margin: 0 0 20px 0;
  text-align: left !important;
  list-style-type: disc;
}
.sme-supply-box li {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.45;
  color: #333333;
}
.sme-supply-box li:last-child {
  margin-bottom: 0;
}

/* In-Text Inline Links */
.sme-supply-box li a {
  text-decoration: underline;
  font-weight: 600;
  /* --- COLOR CONFIGURATION --- */
  color: #4b332b;                 /* Text Link Color */
}

/* Touch-Friendly CTA Button Row Container */
.sme-supply-btn-row {
  margin-top: 20px;
}

/* Master Button Layout Styles */
.sme-supply-btn-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none !important;
  border-radius: 6px;
  min-height: 44px;
  /* --- COLOR CONFIGURATION --- */
  background-color: #d4836a;      /* Button Background Color */
  color: #ffffff !important;      /* Button Text Color */
}