/* ==========================================================================
   ATELIER FRAMED CANVAS & SILK DYE V38 TEMPLATE SYSTEM
   Variation 1: Atelier Coral & Midnight Canvas (100% Light Mode)
   Craft / Workshop Scrapbook Aesthetic with Editorial Playfair Typography
   ========================================================================== */

[data-theme="sirius_v38"],
.theme-sirius_v38 {
  --v38-canvas-border: #2F6DF6;
  --v38-canvas-bg: #071A3A;
  --v38-bg-page: #EEF3FB;
  --v38-card-bg: #FFFFFF;
  --v38-card-border: rgba(47, 109, 246, 0.12);
  --v38-card-shadow: 6px 12px 28px rgba(7, 26, 58, 0.08), 0 2px 6px rgba(7, 26, 58, 0.04);

  --v38-text-heading: #1355c6;
  --v38-text-body: #82aae1;
  --v38-text-muted: #64748B;

  --v38-accent: #2F6DF6;
  --v38-accent-hover: #1C55D5;
  --v38-accent-soft: rgba(47, 109, 246, 0.12);
  --v38-accent-secondary: #06B6D4;
  --v38-accent-tertiary: #9DE8C4;
  --v38-btn-shadow: rgba(47, 109, 246, 0.35);

  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --bg-primary: transparent;
  --v38-bg-page: transparent;
  --bg-page: transparent;
  --text-main: #0F172A;
  --primary-accent: #FF6B5B;
}

/* Page Level Artisan Linen / Paper Background with Dynamic site_background1 */
html[data-theme="sirius_v38"],
html.theme-sirius_v38,
body[data-theme="sirius_v38"],
body.theme-sirius_v38,
html[data-theme="sirius_v38"] body,
html.theme-sirius_v38 body {
  background-color: #FAF8F5 !important;
  background-image: var(--v38-backdrop-image);
  background-repeat: repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
  color: #334155 !important;
  font-family: var(--font-body);
}

[data-theme="sirius_v38"] .v38-fluid-dye-backdrop,
.theme-sirius_v38 .v38-fluid-dye-backdrop {
  background-image: var(--v38-backdrop-image);
}

/* Editorial Serif Headings */
[data-theme="sirius_v38"] h1,
[data-theme="sirius_v38"] h2,
[data-theme="sirius_v38"] h3,
[data-theme="sirius_v38"] h4,
.theme-sirius_v38 h1,
.theme-sirius_v38 h2,
.theme-sirius_v38 h3,
.theme-sirius_v38 h4 {
  font-family: var(--font-heading) !important;
  color: #0F172A !important;
  letter-spacing: -0.015em;
  font-weight: 700;
}

/* Schedule Section Title Override */
[data-theme="sirius_v38"] #schedule h2.section-title,
[data-theme="sirius_v38"] #schedule .section-title,
[data-theme="sirius_v38"] #schedule h2,
.theme-sirius_v38 #schedule h2.section-title,
.theme-sirius_v38 #schedule .section-title,
.theme-sirius_v38 #schedule h2 {
  color: var(--v38-text-body) !important;
}

/* Hero Framed Canvas White Headline Override */
[data-theme="sirius_v38"] .v38-framed-canvas h1,
[data-theme="sirius_v38"] .v38-hero-headline,
.theme-sirius_v38 .v38-framed-canvas h1,
.theme-sirius_v38 .v38-hero-headline {
  color: #FFFFFF !important;
  font-family: var(--font-heading) !important;
}

[data-theme="sirius_v38"] .v38-subheadline-text,
.theme-sirius_v38 .v38-subheadline-text {
  color: #F8FAFC !important;
}

/* ==========================================================================
   Header & Navigation Styling (Transparent on Landing -> Scrolled Solid White)
   ========================================================================== */
[data-theme="sirius_v38"] .site-header,
.theme-sirius_v38 .site-header {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  transition: background-color 0.35s ease, backdrop-filter 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, padding 0.35s ease !important;
  padding-block: 1.15rem !important;
}

[data-theme="sirius_v38"] .site-header.subpage-header,
[data-theme="sirius_v38"] .site-header.not-home,
.theme-sirius_v38 .site-header.subpage-header,
.theme-sirius_v38 .site-header.not-home {
  position: sticky !important;
}

/* Header Text & Links on Landing State (Over Page Background) */
[data-theme="sirius_v38"] .site-header:not(.is-scrolled):not(.subpage-header) .brand-name,
.theme-sirius_v38 .site-header:not(.is-scrolled):not(.subpage-header) .brand-name {
  color: var(--v38-text-heading, #071A3A) !important;
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  text-shadow: none !important;
}

[data-theme="sirius_v38"] .site-header:not(.is-scrolled):not(.subpage-header) .nav-link,
.theme-sirius_v38 .site-header:not(.is-scrolled):not(.subpage-header) .nav-link {
  color: var(--v38-text-body, #3D506C) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

[data-theme="sirius_v38"] .site-header:not(.is-scrolled):not(.subpage-header) .nav-link:hover,
[data-theme="sirius_v38"] .site-header:not(.is-scrolled):not(.subpage-header) .nav-link.active,
.theme-sirius_v38 .site-header:not(.is-scrolled):not(.subpage-header) .nav-link:hover,
.theme-sirius_v38 .site-header:not(.is-scrolled):not(.subpage-header) .nav-link.active {
  color: var(--v38-accent, #2F6DF6) !important;
}

[data-theme="sirius_v38"] .site-header:not(.is-scrolled):not(.subpage-header) .mobile-toggle svg,
.theme-sirius_v38 .site-header:not(.is-scrolled):not(.subpage-header) .mobile-toggle svg {
  stroke: var(--v38-text-heading, #071A3A) !important;
}

/* Header when Scrolled or on Subpages (Solid Crisp White State) */
[data-theme="sirius_v38"] .site-header.is-scrolled,
[data-theme="sirius_v38"] .site-header.scrolled,
[data-theme="sirius_v38"] .site-header.subpage-header,
.theme-sirius_v38 .site-header.is-scrolled,
.theme-sirius_v38 .site-header.scrolled,
.theme-sirius_v38 .site-header.subpage-header {
  background: #FFFFFF !important;
  background-color: #FFFFFF !important;
  backdrop-filter: blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
  border-bottom: 1.5px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
  padding-block: 0.15rem !important;
}

[data-theme="sirius_v38"] .site-header.is-scrolled .brand-name,
[data-theme="sirius_v38"] .site-header.subpage-header .brand-name,
.theme-sirius_v38 .site-header.is-scrolled .brand-name,
.theme-sirius_v38 .site-header.subpage-header .brand-name {
  color: #0F172A !important;
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

[data-theme="sirius_v38"] .site-header.is-scrolled .nav-link,
[data-theme="sirius_v38"] .site-header.subpage-header .nav-link,
.theme-sirius_v38 .site-header.is-scrolled .nav-link,
.theme-sirius_v38 .site-header.subpage-header .nav-link {
  color: #334155 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

[data-theme="sirius_v38"] .site-header.is-scrolled .nav-link:hover,
[data-theme="sirius_v38"] .site-header.is-scrolled .nav-link.active,
[data-theme="sirius_v38"] .site-header.subpage-header .nav-link:hover,
[data-theme="sirius_v38"] .site-header.subpage-header .nav-link.active,
.theme-sirius_v38 .site-header.is-scrolled .nav-link:hover,
.theme-sirius_v38 .site-header.is-scrolled .nav-link.active,
.theme-sirius_v38 .site-header.subpage-header .nav-link:hover,
.theme-sirius_v38 .site-header.subpage-header .nav-link.active {
  color: #FF6B5B !important;
}

[data-theme="sirius_v38"] .site-header.is-scrolled .mobile-toggle svg,
.theme-sirius_v38 .site-header.is-scrolled .mobile-toggle svg {
  stroke: #0F172A !important;
}

/* ==========================================================================
   Cartoon Style Contact & Devis CTA Button (Top Right Header)
   ========================================================================== */
[data-theme="sirius_v38"] .site-header .header-cta,
.theme-sirius_v38 .site-header .header-cta,
[data-theme="sirius_v38"] .mobile-nav-link.mobile-cta,
.theme-sirius_v38 .mobile-nav-link.mobile-cta {
  background: #FACC15 !important;
  background-color: #FACC15 !important;
  color: #0F172A !important;
  border: 2.5px solid #0F172A !important;
  border-radius: 12px !important;
  box-shadow: 3.5px 3.5px 0px #0F172A !important;
  font-family: var(--font-body, system-ui) !important;
  font-weight: 800 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.02em !important;
  padding: 0.55rem 1.35rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  transform: rotate(-1.5deg) !important;
  transition: transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.15s ease !important;
  cursor: pointer !important;
  position: relative !important;
}

[data-theme="sirius_v38"] .site-header .header-cta:hover,
.theme-sirius_v38 .site-header .header-cta:hover,
[data-theme="sirius_v38"] .mobile-nav-link.mobile-cta:hover,
.theme-sirius_v38 .mobile-nav-link.mobile-cta:hover {
  background: #FEF08A !important;
  background-color: #FEF08A !important;
  color: #0F172A !important;
  transform: translate(-2px, -2px) rotate(1deg) scale(1.04) !important;
  box-shadow: 5.5px 5.5px 0px #0F172A !important;
}

[data-theme="sirius_v38"] .site-header .header-cta:active,
.theme-sirius_v38 .site-header .header-cta:active,
[data-theme="sirius_v38"] .mobile-nav-link.mobile-cta:active,
.theme-sirius_v38 .mobile-nav-link.mobile-cta:active {
  transform: translate(2px, 2px) rotate(0deg) scale(0.98) !important;
  box-shadow: 1.5px 1.5px 0px #0F172A !important;
}

/* ==========================================================================
   Craft Atelier Card Styles Across Generic Sections
   (Pricing, Contact, Features, Team, Gallery, FAQ, Testimonials)
   ========================================================================== */
[data-theme="sirius_v38"] .pricing-card,
[data-theme="sirius_v38"] .contact-card,
[data-theme="sirius_v38"] .contact-form,
[data-theme="sirius_v38"] .contact-info-block,
[data-theme="sirius_v38"] .feature-card,
[data-theme="sirius_v38"] .skill-card,
[data-theme="sirius_v38"] .member-card,
[data-theme="sirius_v38"] .gallery-card,
[data-theme="sirius_v38"] .faq-item,
[data-theme="sirius_v38"] .review-card,
[data-theme="sirius_v38"] .testimonial-card,
.theme-sirius_v38 .pricing-card,
.theme-sirius_v38 .contact-card,
.theme-sirius_v38 .feature-card,
.theme-sirius_v38 .member-card,
.theme-sirius_v38 .gallery-card,
.theme-sirius_v38 .faq-item {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 6px 12px 28px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

[data-theme="sirius_v38"] .contact-card:hover,
[data-theme="sirius_v38"] .feature-card:hover,
[data-theme="sirius_v38"] .member-card:hover,
[data-theme="sirius_v38"] .faq-item:hover,
.theme-sirius_v38 .feature-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 8px 16px 36px rgba(15, 23, 42, 0.12), 0 3px 8px rgba(15, 23, 42, 0.06) !important;
}

/* Gallery and Pricing cards: on card hover do not move up */
[data-theme="sirius_v38"] .gallery-card:hover,
.theme-sirius_v38 .gallery-card:hover,
[data-theme="sirius_v38"] .pricing-card:hover,
.theme-sirius_v38 .pricing-card:hover {
  transform: none !important;
  box-shadow: 8px 16px 36px rgba(15, 23, 42, 0.12), 0 3px 8px rgba(15, 23, 42, 0.06) !important;
}

/* Pricing Section Highlighted Atelier Card */
[data-theme="sirius_v38"] .pricing-card.popular,
.theme-sirius_v38 .pricing-card.popular {
  border: 3px solid #FF6B5B !important;
  background: #FFFFFF !important;
  box-shadow: 10px 18px 36px rgba(255, 107, 91, 0.2), 0 3px 8px rgba(15, 23, 42, 0.06) !important;
}

/* Popular Price Card Text Legibility */
[data-theme="sirius_v38"] .pricing-card.popular .tier-name,
.theme-sirius_v38 .pricing-card.popular .tier-name,
[data-theme="sirius_v38"] .pricing-card.popular .price-amount,
.theme-sirius_v38 .pricing-card.popular .price-amount,
[data-theme="sirius_v38"] .pricing-card.popular .feature-text,
.theme-sirius_v38 .pricing-card.popular .feature-text {
  color: #0F172A !important;
}

[data-theme="sirius_v38"] .pricing-card.popular .tier-desc,
.theme-sirius_v38 .pricing-card.popular .tier-desc,
[data-theme="sirius_v38"] .pricing-card.popular .price-period,
.theme-sirius_v38 .pricing-card.popular .price-period {
  color: #475569 !important;
}

[data-theme="sirius_v38"] .pricing-card.popular .popular-badge,
.theme-sirius_v38 .pricing-card.popular .popular-badge {
  background: #FF6B5B !important;
  color: #FFFFFF !important;
  border-radius: 9999px !important;
  padding: 0.45rem 1.25rem !important;
  font-weight: 800 !important;
  box-shadow: 2px 4px 12px rgba(255, 107, 91, 0.35) !important;
}

[data-theme="sirius_v38"] .pricing-card.popular .cta-button,
.theme-sirius_v38 .pricing-card.popular .cta-button {
  background: #0D2033 !important;
  color: #FFFFFF !important;
  border: 2px solid #0D2033 !important;
  border-radius: 10px !important;
  box-shadow: 3px 3px 0px #FF6B5B !important;
  font-weight: 800 !important;
}

[data-theme="sirius_v38"] .pricing-card.popular .cta-button:hover,
.theme-sirius_v38 .pricing-card.popular .cta-button:hover {
  background: #FF6B5B !important;
  border-color: #FF6B5B !important;
  box-shadow: 4px 4px 0px #0D2033 !important;
  transform: translate(-1px, -1px) !important;
}

/* Hard Image Containment & Transparent Section Backgrounds */
[data-theme="sirius_v38"] #about,
[data-theme="sirius_v38"] #services,
[data-theme="sirius_v38"] #products,
[data-theme="sirius_v38"] #spotlight,
[data-theme="sirius_v38"] #menu,
[data-theme="sirius_v38"] #pricing,
[data-theme="sirius_v38"] #contact,
[data-theme="sirius_v38"] #features,
[data-theme="sirius_v38"] #gallery,
[data-theme="sirius_v38"] #testimonials,
[data-theme="sirius_v38"] #faq,
.theme-sirius_v38 #about,
.theme-sirius_v38 #services,
.theme-sirius_v38 #products,
.theme-sirius_v38 #spotlight,
.theme-sirius_v38 #menu,
.theme-sirius_v38 #pricing,
.theme-sirius_v38 #contact,
.theme-sirius_v38 #features,
.theme-sirius_v38 #gallery,
.theme-sirius_v38 #testimonials,
.theme-sirius_v38 #faq {
  overflow-x: clip !important;
  width: 100% !important;
  max-width: 100vw !important;

  /*background-color: transparent !important;*/
  background-color: #ffffffc4 !important;

}

[data-theme="sirius_v38"] img,
.theme-sirius_v38 img {
  max-width: 100%;
}

/* Footer Styling */
[data-theme="sirius_v38"] .site-footer,
.theme-sirius_v38 .site-footer {
  background: #0D2033 !important;
  color: #E2E8F0 !important;
  padding: 4.5rem 0 3rem 0;
  border-top: 4px solid #FF6B5B !important;
}

[data-theme="sirius_v38"] .site-footer a,
.theme-sirius_v38 .site-footer a {
  color: #94A3B8;
}

[data-theme="sirius_v38"] .site-footer a:hover,
.theme-sirius_v38 .site-footer a:hover {
  color: #FF6B5B;
}

/* YouTube Video & Google Maps Headers Visibility & Polish */
[data-theme="sirius_v38"] .video-section .section-header,
[data-theme="sirius_v38"] .google-map-header {
  background: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.1) !important;
  border-radius: 20px !important;
  box-shadow: 6px 12px 28px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04) !important;
  padding: 2rem 2.5rem !important;
  max-width: 700px !important;
  margin-inline: auto !important;
  position: relative !important;
}

[data-theme="sirius_v38"] .video-section .video-tag-label,
[data-theme="sirius_v38"] .map-section-tag {
  color: #FF6B5B !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

[data-theme="sirius_v38"] .video-section .video-main-title,
[data-theme="sirius_v38"] .map-section-title {
  color: #0F172A !important;
  font-family: var(--font-heading) !important;
}

[data-theme="sirius_v38"] .map-address-p {
  color: #475569 !important;
}


/* ==========================================================================
   CUSTOM PAGE: CLASSIC STANDARD STYLE (v36 only)
   Elevated white background container and padding to make article text visible
   ========================================================================== */
[data-theme="sirius_v38"] .standalone-article-wrapper .article-container,
.theme-sirius_v38 .standalone-article-wrapper .article-container {
  background-color: #FFFFFF !important;
  border-radius: 24px !important;
  padding: 3.5rem 3rem 4rem !important;
  margin-top: -3.5rem !important;
  margin-bottom: 4rem !important;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08), 0 2px 6px rgba(15, 23, 42, 0.04) !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
}

[data-theme="sirius_v38"] .standalone-article-wrapper .the-lead,
.theme-sirius_v38 .standalone-article-wrapper .the-lead {
  background-color: #FAF8F5 !important;
  color: #0F172A !important;
  border-left: 5px solid var(--v38-accent, #FF6B5B) !important;
  border-radius: 0 16px 16px 0 !important;
  padding: 2rem 2.25rem !important;
}

[data-theme="sirius_v38"] .standalone-article-wrapper .section-heading,
.theme-sirius_v38 .standalone-article-wrapper .section-heading {
  color: #0F172A !important;
}

[data-theme="sirius_v38"] .standalone-article-wrapper .article-section-block p,
.theme-sirius_v38 .standalone-article-wrapper .article-section-block p {
  color: #334155 !important;
}

[data-theme="sirius_v38"] .standalone-article-wrapper .article-hero .hero-title,
.theme-sirius_v38 .standalone-article-wrapper .article-hero .hero-title {
  color: #FFFFFF !important;
}

/* ==========================================================================
   CUSTOM PAGE: MODERN EDITORIAL MAGAZINE (v36)
   White H1 headline, light lead block background for high visibility
   ========================================================================== */
[data-theme="sirius_v38"] .me-h1,
.theme-sirius_v38 .me-h1,
[data-theme="sirius_v38"] .me-hero .me-h1 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.65) !important;
}

[data-theme="sirius_v38"] .me-lead-block,
.theme-sirius_v38 .me-lead-block {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-left: 5px solid var(--v38-accent, #FF6B5B) !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06) !important;
  padding: 2.25rem 2.5rem !important;
  border-radius: 0 16px 16px 0 !important;
}

[data-theme="sirius_v38"] .me-lead-text,
.theme-sirius_v38 .me-lead-text {
  color: #0F172A !important;
}

[data-theme="sirius_v38"] .me-toc-card,
[data-theme="sirius_v38"] .me-share-card {
  background: #FFFFFF !important;
  border-radius: 16px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05) !important;
}

/* ==========================================================================
   ATELIER FRAMED CANVAS & SILK DYE V38 TEMPLATE SYSTEM
   Variation 2: Electric Violet & Neon Cyan Atelier (100% Light Mode)
   Craft / Workshop Scrapbook Aesthetic with Editorial Playfair Typography
   ========================================================================== */

[data-theme="sirius_v38_vibrant"],
.theme-sirius_v38_vibrant {
  --v38-canvas-border: #9333EA;
  --v38-canvas-bg: #0A061E;
  --v38-bg-page: #EDF4FF;
  --v38-card-bg: #FFFFFF;
  --v38-card-border: rgba(147, 51, 234, 0.14);
  --v38-card-shadow: 6px 12px 28px rgba(10, 6, 30, 0.08), 0 2px 6px rgba(10, 6, 30, 0.04);

  --v38-text-heading: #061530;
  --v38-text-body: #29415F;
  --v38-text-muted: #617692;

  --v38-accent: #9333EA;
  --v38-accent-hover: #7E22CE;
  --v38-accent-soft: rgba(147, 51, 234, 0.12);
  --v38-accent-secondary: #B7F34D;
  --v38-accent-tertiary: #FFCC66;
  --v38-btn-shadow: rgba(147, 51, 234, 0.4);

  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  --v38-canvas-border-color: rgba(192, 132, 252, 0.25);
  --v38-canvas-glow: rgba(147, 51, 234, 0.38);
  --v38-canvas-radial-1: rgba(147, 51, 234, 0.42);
  --v38-canvas-radial-2: rgba(183, 243, 77, 0.22);
  --v38-canvas-laser: linear-gradient(90deg, transparent 0%, rgba(147, 51, 234, 0.75) 20%, #B7F34D 50%, rgba(34, 211, 238, 0.75) 80%, transparent 100%);
  --v38-ambient-glow: radial-gradient(circle, #9333EA 0%, rgba(183, 243, 77, 0.3) 45%, transparent 70%);
  --v38-eyebrow-bg: rgba(147, 51, 234, 0.26);
  --v38-eyebrow-border: rgba(192, 132, 252, 0.5);
  --v38-eyebrow-shadow: rgba(147, 51, 234, 0.32);
  --v38-eyebrow-text: #E9D5FF;
  --v38-signal-dot: #B7F34D;
  --v38-status-dot: #B7F34D;
  --v38-benefit-check-bg: rgba(147, 51, 234, 0.3);
  --v38-benefit-check-border: rgba(192, 132, 252, 0.6);
  --v38-benefit-check-color: #C084FC;
  --v38-btn-primary-gradient: linear-gradient(135deg, #9333EA 0%, #6366F1 50%, #4F46E5 100%);
  --v38-mockup-badge-bg: rgba(147, 51, 234, 0.26);
  --v38-mockup-badge-border: rgba(192, 132, 252, 0.4);
  --v38-mockup-badge-text: #E9D5FF;
  --v38-float-card-bg: rgba(16, 9, 36, 0.94);
  --v38-float-card-border: rgba(192, 132, 252, 0.24);
  --v38-float-icon-bg: rgba(147, 51, 234, 0.32);
  --v38-float-icon-border: rgba(192, 132, 252, 0.55);
  --v38-float-icon-color: #B7F34D;
  --v38-float-tag-color: #C084FC;
  --v38-caption-diamond-color: #B7F34D;
  --v38-mini-diamond-color: #22D3EE;
  --v38-stamp-bg: rgba(16, 9, 36, 0.94);
  --v38-stamp-glow: rgba(147, 51, 234, 0.4);
  --v38-stamp-text: #E9D5FF;

  --bg-primary: transparent;
  --v38-bg-page: transparent;
  --bg-page: transparent;
  --text-main: #120726;
  --primary-accent: #9333EA;
}

/* Page Level Pale Iris Background with Dynamic site_background3 */
html[data-theme="sirius_v38_vibrant"],
html.theme-sirius_v38_vibrant,
body[data-theme="sirius_v38_vibrant"],
body.theme-sirius_v38_vibrant,
html[data-theme="sirius_v38_vibrant"] body,
html.theme-sirius_v38_vibrant body {
  background-color: #FAF5FF !important;
  background-image: var(--v38-backdrop-image);
  background-repeat: repeat !important;
  background-size: cover !important;
  background-position: center top !important;
  background-attachment: fixed !important;
  color: #362C4E !important;
  font-family: var(--font-body);
}

[data-theme="sirius_v38_vibrant"] .v38-fluid-dye-backdrop,
.theme-sirius_v38_vibrant .v38-fluid-dye-backdrop {
  background-image: var(--v38-backdrop-image);
}

/* Editorial Serif Headings */
[data-theme="sirius_v38_vibrant"] h1,
[data-theme="sirius_v38_vibrant"] h2,
[data-theme="sirius_v38_vibrant"] h3,
[data-theme="sirius_v38_vibrant"] h4,
.theme-sirius_v38_vibrant h1,
.theme-sirius_v38_vibrant h2,
.theme-sirius_v38_vibrant h3,
.theme-sirius_v38_vibrant h4 {
  font-family: var(--font-heading) !important;
  color: #120726 !important;
  letter-spacing: -0.015em;
  font-weight: 700;
}

/* Hero Framed Canvas White Headline Override */
[data-theme="sirius_v38_vibrant"] .v38-framed-canvas h1,
[data-theme="sirius_v38_vibrant"] .v38-hero-headline,
.theme-sirius_v38_vibrant .v38-framed-canvas h1,
.theme-sirius_v38_vibrant .v38-hero-headline {
  color: #FFFFFF !important;
  font-family: var(--font-heading) !important;
}

[data-theme="sirius_v38_vibrant"] .v38-subheadline-text,
.theme-sirius_v38_vibrant .v38-subheadline-text {
  color: #DDD6FE !important;
}

[data-theme="sirius_v38_vibrant"] .v38-tag-pill,
.theme-sirius_v38_vibrant .v38-tag-pill {
  background: rgba(6, 182, 212, 0.2) !important;
  color: #A5F3FC !important;
  border: 1px solid rgba(6, 182, 212, 0.4) !important;
}

[data-theme="sirius_v38_vibrant"] .v38-feature-badge,
.theme-sirius_v38_vibrant .v38-feature-badge {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

[data-theme="sirius_v38_vibrant"] .v38-stat-num,
.theme-sirius_v38_vibrant .v38-stat-num {
  color: #22D3EE !important;
}

[data-theme="sirius_v38_vibrant"] .v38-stat-desc,
.theme-sirius_v38_vibrant .v38-stat-desc {
  color: #C4B5FD !important;
}

/* Hero Main CTA Button */
[data-theme="sirius_v38_vibrant"] .v38-hero-actions .v38-btn-atelier-primary,
.theme-sirius_v38_vibrant .v38-hero-actions .v38-btn-atelier-primary {
  background: #9333EA !important;
  border-color: #9333EA !important;
  color: #FFFFFF !important;
  box-shadow: 4px 4px 0px #06B6D4 !important;
}

[data-theme="sirius_v38_vibrant"] .v38-hero-actions .v38-btn-atelier-primary:hover,
.theme-sirius_v38_vibrant .v38-hero-actions .v38-btn-atelier-primary:hover {
  background: #7E22CE !important;
  transform: translate(-2px, -2px) !important;
  box-shadow: 6px 6px 0px #06B6D4 !important;
}

/* ==========================================================================
   Header Transparency on Landing & Glass Background on Scroll
   ========================================================================== */
[data-theme="sirius_v38_vibrant"] .site-header,
.theme-sirius_v38_vibrant .site-header {
  background: transparent !important;
  background-color: transparent !important;
  border-bottom: 1.5px solid transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Header Text & Links on Landing State (Over Tangerine & Obsidian Background) */
[data-theme="sirius_v38_vibrant"] .site-header:not(.is-scrolled):not(.subpage-header) .brand-name,
[data-theme="sirius_v38_vibrant"] .site-header:not(.is-scrolled):not(.subpage-header) .nav-link,
[data-theme="sirius_v38_vibrant"] .site-header:not(.is-scrolled):not(.subpage-header) .btn-link,
.theme-sirius_v38_vibrant .site-header:not(.is-scrolled):not(.subpage-header) .brand-name,
.theme-sirius_v38_vibrant .site-header:not(.is-scrolled):not(.subpage-header) .nav-link,
.theme-sirius_v38_vibrant .site-header:not(.is-scrolled):not(.subpage-header) .btn-link {
  color: #ffffff !important;
  text-shadow: none !important;
}

[data-theme="sirius_v38_vibrant"] .site-header:not(.is-scrolled):not(.subpage-header) .nav-link:hover,
[data-theme="sirius_v38_vibrant"] .site-header:not(.is-scrolled):not(.subpage-header) .nav-link.active,
.theme-sirius_v38_vibrant .site-header:not(.is-scrolled):not(.subpage-header) .nav-link:hover,
.theme-sirius_v38_vibrant .site-header:not(.is-scrolled):not(.subpage-header) .nav-link.active {
  color: #FACC15 !important;
}

[data-theme="sirius_v38_vibrant"] .site-header:not(.is-scrolled):not(.subpage-header) .mobile-toggle svg,
.theme-sirius_v38_vibrant .site-header:not(.is-scrolled):not(.subpage-header) .mobile-toggle svg {
  stroke: #ffffff !important;
}

[data-theme="sirius_v38_vibrant"] .site-header.is-scrolled,
[data-theme="sirius_v38_vibrant"] .site-header.scrolled,
[data-theme="sirius_v38_vibrant"] .site-header.subpage-header,
.theme-sirius_v38_vibrant .site-header.is-scrolled,
.theme-sirius_v38_vibrant .site-header.scrolled,
.theme-sirius_v38_vibrant .site-header.subpage-header {
  background: rgba(250, 245, 255, 0.94) !important;
  backdrop-filter: blur(18px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(180%) !important;
  border-bottom: 1.5px solid rgba(147, 51, 234, 0.1) !important;
  box-shadow: 0 4px 20px rgba(18, 7, 38, 0.06) !important;
  padding-block: 0.15rem !important;
}

[data-theme="sirius_v38_vibrant"] .site-header.is-scrolled .brand-name,
[data-theme="sirius_v38_vibrant"] .site-header.subpage-header .brand-name,
.theme-sirius_v38_vibrant .site-header.is-scrolled .brand-name,
.theme-sirius_v38_vibrant .site-header.subpage-header .brand-name {
  color: #120726 !important;
  font-family: var(--font-heading) !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

[data-theme="sirius_v38_vibrant"] .site-header.is-scrolled .nav-link,
[data-theme="sirius_v38_vibrant"] .site-header.subpage-header .nav-link,
.theme-sirius_v38_vibrant .site-header.is-scrolled .nav-link,
.theme-sirius_v38_vibrant .site-header.subpage-header .nav-link {
  color: #362C4E !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

[data-theme="sirius_v38_vibrant"] .site-header.is-scrolled .nav-link:hover,
[data-theme="sirius_v38_vibrant"] .site-header.is-scrolled .nav-link.active,
[data-theme="sirius_v38_vibrant"] .site-header.subpage-header .nav-link:hover,
[data-theme="sirius_v38_vibrant"] .site-header.subpage-header .nav-link.active,
.theme-sirius_v38_vibrant .site-header.is-scrolled .nav-link:hover,
.theme-sirius_v38_vibrant .site-header.is-scrolled .nav-link.active,
.theme-sirius_v38_vibrant .site-header.subpage-header .nav-link:hover,
.theme-sirius_v38_vibrant .site-header.subpage-header .nav-link.active {
  color: #9333EA !important;
}

[data-theme="sirius_v38_vibrant"] .site-header.is-scrolled .mobile-toggle svg,
.theme-sirius_v38_vibrant .site-header.is-scrolled .mobile-toggle svg {
  stroke: #120726 !important;
}

/* ==========================================================================
   Cartoon Style Contact & Devis CTA Button (Top Right Header)
   ========================================================================== */
[data-theme="sirius_v38_vibrant"] .site-header .header-cta,
.theme-sirius_v38_vibrant .site-header .header-cta,
[data-theme="sirius_v38_vibrant"] .mobile-nav-link.mobile-cta,
.theme-sirius_v38_vibrant .mobile-nav-link.mobile-cta {
  background: #06B6D4 !important;
  background-color: #06B6D4 !important;
  color: #FFFFFF !important;
  border: 2.5px solid #120726 !important;
  border-radius: 12px !important;
  box-shadow: 3.5px 3.5px 0px #120726 !important;
  font-family: var(--font-body, system-ui) !important;
  font-weight: 800 !important;
  font-size: 0.92rem !important;
  letter-spacing: 0.02em !important;
  padding: 0.55rem 1.35rem !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  transform: rotate(-1.5deg) !important;
  transition: transform 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.15s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.15s ease !important;
  cursor: pointer !important;
  position: relative !important;
}

[data-theme="sirius_v38_vibrant"] .site-header .header-cta:hover,
.theme-sirius_v38_vibrant .site-header .header-cta:hover,
[data-theme="sirius_v38_vibrant"] .mobile-nav-link.mobile-cta:hover,
.theme-sirius_v38_vibrant .mobile-nav-link.mobile-cta:hover {
  background: #22D3EE !important;
  background-color: #22D3EE !important;
  color: #120726 !important;
  transform: translate(-2px, -2px) rotate(1deg) scale(1.04) !important;
  box-shadow: 5.5px 5.5px 0px #120726 !important;
}

[data-theme="sirius_v38_vibrant"] .site-header .header-cta:active,
.theme-sirius_v38_vibrant .site-header .header-cta:active,
[data-theme="sirius_v38_vibrant"] .mobile-nav-link.mobile-cta:active,
.theme-sirius_v38_vibrant .mobile-nav-link.mobile-cta:active {
  transform: translate(2px, 2px) rotate(0deg) scale(0.98) !important;
  box-shadow: 1.5px 1.5px 0px #120726 !important;
}

/* ==========================================================================
   Craft Atelier Card Styles Across Generic Sections
   ========================================================================== */
[data-theme="sirius_v38_vibrant"] .pricing-card,
[data-theme="sirius_v38_vibrant"] .contact-card,
[data-theme="sirius_v38_vibrant"] .contact-form,
[data-theme="sirius_v38_vibrant"] .contact-info-block,
[data-theme="sirius_v38_vibrant"] .feature-card,
[data-theme="sirius_v38_vibrant"] .skill-card,
[data-theme="sirius_v38_vibrant"] .member-card,
[data-theme="sirius_v38_vibrant"] .gallery-card,
[data-theme="sirius_v38_vibrant"] .faq-item,
[data-theme="sirius_v38_vibrant"] .review-card,
[data-theme="sirius_v38_vibrant"] .testimonial-card,
.theme-sirius_v38_vibrant .pricing-card,
.theme-sirius_v38_vibrant .contact-card,
.theme-sirius_v38_vibrant .feature-card,
.theme-sirius_v38_vibrant .member-card,
.theme-sirius_v38_vibrant .gallery-card,
.theme-sirius_v38_vibrant .faq-item {
  background: #FFFFFF !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(147, 51, 234, 0.14) !important;
  box-shadow: 6px 12px 28px rgba(18, 7, 38, 0.08), 0 2px 6px rgba(18, 7, 38, 0.04) !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
  position: relative !important;
  overflow: hidden !important;
}

[data-theme="sirius_v38_vibrant"] .contact-card:hover,
[data-theme="sirius_v38_vibrant"] .feature-card:hover,
[data-theme="sirius_v38_vibrant"] .member-card:hover,
[data-theme="sirius_v38_vibrant"] .faq-item:hover,
.theme-sirius_v38_vibrant .feature-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 8px 16px 36px rgba(18, 7, 38, 0.12), 0 3px 8px rgba(18, 7, 38, 0.06) !important;
}

/* Gallery and Pricing cards: on card hover do not move up */
[data-theme="sirius_v38_vibrant"] .gallery-card:hover,
.theme-sirius_v38_vibrant .gallery-card:hover,
[data-theme="sirius_v38_vibrant"] .pricing-card:hover,
.theme-sirius_v38_vibrant .pricing-card:hover {
  transform: none !important;
  box-shadow: 8px 16px 36px rgba(18, 7, 38, 0.12), 0 3px 8px rgba(18, 7, 38, 0.06) !important;
}

/* Pricing Section Highlighted Atelier Card */
[data-theme="sirius_v38_vibrant"] .pricing-card.popular,
.theme-sirius_v38_vibrant .pricing-card.popular {
  border: 3px solid #9333EA !important;
  background: #FFFFFF !important;
  box-shadow: 10px 18px 36px rgba(147, 51, 234, 0.2), 0 3px 8px rgba(18, 7, 38, 0.06) !important;
}

/* Popular Price Card Text Legibility */
[data-theme="sirius_v38_vibrant"] .pricing-card.popular .tier-name,
.theme-sirius_v38_vibrant .pricing-card.popular .tier-name,
[data-theme="sirius_v38_vibrant"] .pricing-card.popular .price-amount,
.theme-sirius_v38_vibrant .pricing-card.popular .price-amount,
[data-theme="sirius_v38_vibrant"] .pricing-card.popular .feature-text,
.theme-sirius_v38_vibrant .pricing-card.popular .feature-text {
  color: #120726 !important;
}

[data-theme="sirius_v38_vibrant"] .pricing-card.popular .tier-desc,
.theme-sirius_v38_vibrant .pricing-card.popular .tier-desc,
[data-theme="sirius_v38_vibrant"] .pricing-card.popular .price-period,
.theme-sirius_v38_vibrant .pricing-card.popular .price-period {
  color: #6B5B82 !important;
}

[data-theme="sirius_v38_vibrant"] .pricing-card.popular .check-icon,
.theme-sirius_v38_vibrant .pricing-card.popular .check-icon {
  color: #9333EA !important;
}

[data-theme="sirius_v38_vibrant"] .pricing-card.popular .popular-badge,
.theme-sirius_v38_vibrant .pricing-card.popular .popular-badge {
  background: #9333EA !important;
  color: #FFFFFF !important;
  border-radius: 9999px !important;
  padding: 0.45rem 1.25rem !important;
  font-weight: 800 !important;
  box-shadow: 2px 4px 12px rgba(147, 51, 234, 0.35) !important;
}

[data-theme="sirius_v38_vibrant"] .pricing-card.popular .cta-button,
.theme-sirius_v38_vibrant .pricing-card.popular .cta-button {
  background: #120726 !important;
  color: #FFFFFF !important;
  border: 2px solid #120726 !important;
  border-radius: 10px !important;
  box-shadow: 3px 3px 0px #9333EA !important;
  font-weight: 800 !important;
}

[data-theme="sirius_v38_vibrant"] .pricing-card.popular .cta-button:hover,
.theme-sirius_v38_vibrant .pricing-card.popular .cta-button:hover {
  background: #9333EA !important;
  border-color: #9333EA !important;
  color: #FFFFFF !important;
  box-shadow: 4px 4px 0px #120726 !important;
  transform: translate(-1px, -1px) !important;
}

/* Hard Image Containment & Transparent Section Backgrounds */
[data-theme="sirius_v38_vibrant"] #about,
[data-theme="sirius_v38_vibrant"] #services,
[data-theme="sirius_v38_vibrant"] #products,
[data-theme="sirius_v38_vibrant"] #spotlight,
[data-theme="sirius_v38_vibrant"] #menu,
[data-theme="sirius_v38_vibrant"] #pricing,
[data-theme="sirius_v38_vibrant"] #contact,
[data-theme="sirius_v38_vibrant"] #features,
[data-theme="sirius_v38_vibrant"] #gallery,
[data-theme="sirius_v38_vibrant"] #testimonials,
[data-theme="sirius_v38_vibrant"] #faq,
.theme-sirius_v38_vibrant #about,
.theme-sirius_v38_vibrant #services,
.theme-sirius_v38_vibrant #products,
.theme-sirius_v38_vibrant #spotlight,
.theme-sirius_v38_vibrant #menu,
.theme-sirius_v38_vibrant #pricing,
.theme-sirius_v38_vibrant #contact,
.theme-sirius_v38_vibrant #features,
.theme-sirius_v38_vibrant #gallery,
.theme-sirius_v38_vibrant #testimonials,
.theme-sirius_v38_vibrant #faq {
  overflow-x: clip !important;
  width: 100% !important;
  max-width: 100vw !important;
  background-color: #ffffffe8 !important;

}

/* Footer Styling */
[data-theme="sirius_v38_vibrant"] .site-footer,
.theme-sirius_v38_vibrant .site-footer {
  background: #120726 !important;
  color: #DDD6FE !important;
  padding: 4.5rem 0 3rem 0;
  border-top: 4px solid #9333EA !important;
}

[data-theme="sirius_v38_vibrant"] .site-footer a,
.theme-sirius_v38_vibrant .site-footer a {
  color: #06B6D4;
}

[data-theme="sirius_v38_vibrant"] .site-footer a:hover,
.theme-sirius_v38_vibrant .site-footer a:hover {
  color: #FFFFFF;
}

/* YouTube Video & Google Maps Headers Visibility & Polish */
[data-theme="sirius_v38_vibrant"] .video-section .section-header,
[data-theme="sirius_v38_vibrant"] .google-map-header,
.theme-sirius_v38_vibrant .video-section .section-header,
.theme-sirius_v38_vibrant .google-map-header {
  background: #FFFFFF !important;
  border: 1px solid rgba(147, 51, 234, 0.16) !important;
  border-radius: 20px !important;
  box-shadow: 6px 12px 28px rgba(18, 7, 38, 0.08), 0 2px 6px rgba(18, 7, 38, 0.04) !important;
  padding: 2rem 2.5rem !important;
  max-width: 700px !important;
  margin-inline: auto !important;
  position: relative !important;
}

[data-theme="sirius_v38_vibrant"] .video-section .video-tag-label,
[data-theme="sirius_v38_vibrant"] .map-section-tag {
  color: #9333EA !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
}

[data-theme="sirius_v38_vibrant"] .video-section .video-main-title,
[data-theme="sirius_v38_vibrant"] .map-section-title {
  color: #120726 !important;
  font-family: var(--font-heading) !important;
}

[data-theme="sirius_v38_vibrant"] .map-address-p {
  color: #362C4E !important;
}


/* ==========================================================================
   CUSTOM PAGE: CLASSIC STANDARD STYLE (v36 vibrant)
   Elevated white background container and padding to make article text visible
   ========================================================================== */
[data-theme="sirius_v38_vibrant"] .standalone-article-wrapper .article-container,
.theme-sirius_v38_vibrant .standalone-article-wrapper .article-container {
  background-color: #FFFFFF !important;
  border-radius: 24px !important;
  padding: 3.5rem 3rem 4rem !important;
  margin-top: -3.5rem !important;
  margin-bottom: 4rem !important;
  box-shadow: 0 16px 40px rgba(18, 7, 38, 0.08), 0 2px 6px rgba(18, 7, 38, 0.04) !important;
  border: 1px solid rgba(147, 51, 234, 0.12) !important;
}

[data-theme="sirius_v38_vibrant"] .standalone-article-wrapper .the-lead,
.theme-sirius_v38_vibrant .standalone-article-wrapper .the-lead {
  background-color: #FAF5FF !important;
  color: #120726 !important;
  border-left: 5px solid #9333EA !important;
  border-radius: 0 16px 16px 0 !important;
  padding: 2rem 2.25rem !important;
}

[data-theme="sirius_v38_vibrant"] .standalone-article-wrapper .section-heading,
.theme-sirius_v38_vibrant .standalone-article-wrapper .section-heading {
  color: #120726 !important;
}

[data-theme="sirius_v38_vibrant"] .standalone-article-wrapper .article-section-block p,
.theme-sirius_v38_vibrant .standalone-article-wrapper .article-section-block p {
  color: #362C4E !important;
}

[data-theme="sirius_v38_vibrant"] .standalone-article-wrapper .article-hero .hero-title,
.theme-sirius_v38_vibrant .standalone-article-wrapper .article-hero .hero-title {
  color: #FFFFFF !important;
}

/* ==========================================================================
   CUSTOM PAGE: MODERN EDITORIAL MAGAZINE (v36 vibrant)
   White H1 headline, light lead block background for high visibility
   ========================================================================== */
[data-theme="sirius_v38_vibrant"] .me-h1,
.theme-sirius_v38_vibrant .me-h1,
[data-theme="sirius_v38_vibrant"] .me-hero .me-h1 {
  color: #FFFFFF !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.65) !important;
}

[data-theme="sirius_v38_vibrant"] .me-lead-block,
.theme-sirius_v38_vibrant .me-lead-block {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(147, 51, 234, 0.12) !important;
  border-left: 5px solid #9333EA !important;
  box-shadow: 0 10px 30px rgba(18, 7, 38, 0.06) !important;
  padding: 2.25rem 2.5rem !important;
  border-radius: 0 16px 16px 0 !important;
}

[data-theme="sirius_v38_vibrant"] .me-lead-text,
.theme-sirius_v38_vibrant .me-lead-text {
  color: #120726 !important;
}

[data-theme="sirius_v38_vibrant"] .me-toc-card,
[data-theme="sirius_v38_vibrant"] .me-share-card {
  background: #FFFFFF !important;
  border-radius: 16px !important;
  border: 1px solid rgba(147, 51, 234, 0.12) !important;
  box-shadow: 0 6px 20px rgba(18, 7, 38, 0.05) !important;
}