/* ==========================================================================
   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;
}