/** Shopify CDN: Minification failed

Line 21:18 Unexpected "{"
Line 21:27 Expected ":"
Line 29:18 Unexpected "{"
Line 29:27 Expected ":"
Line 36:18 Unexpected "{"
Line 36:27 Expected ":"
Line 46:18 Unexpected "{"
Line 46:27 Expected ":"
Line 56:18 Unexpected "{"
Line 56:27 Expected ":"
... and 43 more hidden warnings

**/
/* ---------------------------------------------------
   M_R_O Newsletter Standalone: Pour Moi-Style with Larachi Colors
   --------------------------------------------------- */

/* 1. CONTAINER & BACKGROUND */
#shopify-section-{{ section.id }} .newsletter-standalone__container {
  background-color: #FFFFFF;    /* White background */
  padding-top: 80px;            /* 80px top padding */
  padding-bottom: 80px;         /* 80px bottom padding */
  text-align: center;
}

/* If user toggles full_width=false in editor, constrain width */
#shopify-section-{{ section.id }} .newsletter-standalone__container:not(.newsletter-standalone__full) {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* 2. HEADING & SUBHEADING TYPOGRAPHY */
#shopify-section-{{ section.id }} .newsletter-standalone__heading {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 32px;             /* 32px on desktop */
  font-weight: 700;            /* Bold */
  line-height: 1.2;
  margin-bottom: 16px;         /* 16px under heading */
  color: #1A1A1A;              /* Larachi Charcoal */
  text-transform: uppercase;
}

#shopify-section-{{ section.id }} .newsletter-standalone__subheading {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 18px;             /* 18px on desktop */
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 32px;         /* 32px under subheading */
  color: #4B4B4B;              /* Larachi Dark Grey */
}

/* 3. FORM FIELD STYLING */
#shopify-section-{{ section.id }} .newsletter-standalone__field-group {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;                   /* 16px gap between fields */
  margin-bottom: 24px;         /* 24px above button on desktop */
}

/* Email Field */
#shopify-section-{{ section.id }} .newsletter-standalone__input-field {
  width: 100%;
  max-width: 400px;
  padding: 12px 16px;          /* 12px top/bottom, 16px sides */
  font-size: 16px;             /* 16px text */
  border: 1px solid #E5E7EB;   /* gray-200 border */
  border-radius: 4px;          /* 4px radius */
  background-color: #FFFFFF;
  color: #1A1A1A;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

#shopify-section-{{ section.id }} .newsletter-standalone__input-field::placeholder {
  color: #9CA3AF;              /* gray-400 placeholder */
}

#shopify-section-{{ section.id }} .newsletter-standalone__input-field:focus {
  outline: none;
  border-color: #D1D5DB;       /* gray-300 on focus */
  box-shadow: 0 0 0 2px rgba(216, 31, 140, 0.2); /* pink glow */
}

/* Birthday Field (optional) */
#shopify-section-{{ section.id }} .newsletter-standalone__birthday {
  width: 100%;
  max-width: 150px;
  padding: 12px 16px;
  font-size: 16px;
  border: 1px solid #E5E7EB;
  border-radius: 4px;
  background-color: #FFFFFF;
  color: #1A1A1A;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

#shopify-section-{{ section.id }} .newsletter-standalone__birthday::placeholder {
  color: #9CA3AF;
}

#shopify-section-{{ section.id }} .newsletter-standalone__birthday:focus {
  outline: none;
  border-color: #D1D5DB;
  box-shadow: 0 0 0 2px rgba(216, 31, 140, 0.2);
}

/* 4. BUTTON STYLING */
#shopify-section-{{ section.id }} .newsletter-standalone__button {
  display: inline-block;
  width: 100%;
  max-width: 300px;            /* 300px max on desktop */
  padding: 12px 24px;          /* 12px top/bottom, 24px sides */
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;             /* 16px text */
  font-weight: 700;            /* Bold */
  text-transform: uppercase;
  color: #FFFFFF;              /* White text */
  background-color: #D81F8C;   /* Larachi Pink/Magenta */
  border: none;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#shopify-section-{{ section.id }} .newsletter-standalone__button:hover {
  background-color: #C01B7A;   /* Darker pink on hover */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* 5. DISCLAIMER / LEGAL TEXT */
#shopify-section-{{ section.id }} .newsletter-standalone__legal {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 12px;             /* 12px text */
  color: #6B7280;              /* gray-500 */
  margin-top: 24px;            /* 24px above legal text */
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}

/* 6. RESPONSIVE: STACK FIELDS ON MOBILE */
@media screen and (max-width: 749px) {
  #shopify-section-{{ section.id }} .newsletter-standalone__field-group {
    flex-direction: column;
    gap: 16px;
  }
  #shopify-section-{{ section.id }} .newsletter-standalone__field,
  #shopify-section-{{ section.id }} .newsletter-standalone__button {
    max-width: 100%;
  }
  #shopify-section-{{ section.id }} .newsletter-standalone__container {
    padding-top: 40px;          /* 40px on mobile */
    padding-bottom: 40px;
  }
  #shopify-section-{{ section.id }} .newsletter-standalone__heading {
    font-size: 24px;            /* 24px on mobile */
  }
  #shopify-section-{{ section.id }} .newsletter-standalone__subheading {
    font-size: 16px;            /* 16px on mobile */
  }
}

/* Container alignment */
.newsletter-standalone__field-with-tooltip {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* Circular Info Icon */
.info-tooltip {
  display: inline-flex;                /* shrink-to-fit flex container */
  align-items: center;                 
  justify-content: center;             
  width: 1.25rem;                       /* fixed size for circle */
  height: 1.25rem;                      
  border-radius: 50%;                   /* make it a perfect circle */ :contentReference[oaicite:0]{index=0}
  background-color: #eee;               /* light gray background */
  color: #333;                          /* dark icon color */
  font-size: 0.875rem;                  /* slightly smaller text */
  cursor: pointer;                      
  position: relative;
  top: -2px;
}

/* Tooltip Text via ::after */
.info-tooltip::after {
  content: attr(aria-label);            /* pull text from aria-label */
  position: absolute;                   
  bottom: 125%;                         /* place above the icon */
  left: 50%;                            
  transform: translateX(-50%);          
  white-space: nowrap;                  
  background: rgba(0, 0, 0, 0.75);      
  color: #fff;                          
  padding: 0.25rem 0.5rem;              
  border-radius: 0.25rem;               /* rounded corners on tooltip box */
  font-size: 0.75rem;                   
  opacity: 0;                           /* hidden by default */
  pointer-events: none;                 
  transition: opacity 0.2s ease-in-out; 
  z-index: 10;                          
}

/* Show tooltip on hover or focus */
.info-tooltip:hover::after,
.info-tooltip:focus::after {
  opacity: 1;                           /* reveal the tooltip */
}

/* 1. Constrain the container to the viewport */
#shopify-section-{{ section.id }} .newsletter-standalone__container {
  width: 100% !important;        /* never exceed parent width */ 
  max-width: 100% !important;    /* cap at viewport width */
  box-sizing: border-box;        /* include padding/border in width */
  overflow-x: hidden;            /* hide any leftover horizontal spill */ 
}

/* 2. Reset margins/padding to avoid extra side-space */
#shopify-section-{{ section.id }} .newsletter-standalone__container,
#shopify-section-{{ section.id }} .newsletter-standalone__wrapper {
  margin: 0 auto !important;     /* center container without extra side-margins */
  padding-left: 1rem !important; /* optional: match theme gutters */
  padding-right: 1rem !important;
}

/* 3. Prevent inner elements from overflowing */
#shopify-section-{{ section.id }} .newsletter-standalone__container * {
  max-width: 100% !important;    /* no child can exceed container width */ 
  box-sizing: border-box !important;
}

/* Narrow the standalone newsletter button */
#shopify-section-{{ section.id }} .newsletter-standalone__button {
  width: auto !important;         /* let the button size itself to its content */ 
  max-width: 200px !important;    /* cap the button’s width to a sensible maximum */
}