/*
 Theme Name:   Astra Child
 Template:     astra
 Description:  Child theme for Astra
 Version:      1.0.0
*/
.raised-red-select, .raised-red-exact {
  font-weight: 800; 
  letter-spacing: 1px; 
  
  /* Adds a microscopic dark red outline to give the metallic face a sharp border */
  -webkit-text-stroke: 0.5px #3a0000;

  text-shadow: 
    /* 1. SOFT METALLIC HIGHLIGHT: Slightly blurred silver-white to mimic brushed metal chrome */
    -1.5px -1.5px 2px rgba(255, 235, 235, 0.85),
    -0.5px -0.5px 1px rgba(255, 255, 255, 0.9),
    
    /* 2. STACKED EXTRUSION LAYERS (Deep burgundy solid 3D depth) */
     1px  1px 0px #4d0b08,
     2px  2px 0px #4d0b08,
     3px  3px 0px #4d0b08,
     4px  4px 0px #4d0b08,
     5px  5px 0px #4d0b08,
     
    /* 3. DEEP AMBIENT DROP SHADOW (Separation from mixed-light background) */
     6px  6px 12px rgba(0, 0, 0, 0.8);
}

.raised-green-small {
  font-weight: 700;
  display: inline-block;
  letter-spacing: 1.5px;
  line-height: 1.6 !important;

  /* Micro-stroke to give the smaller metallic letters a sharp border */
  -webkit-text-stroke: 0.25px #001f14;

  text-shadow: 
    /* 1. SOFT METALLIC HIGHLIGHT: Micro-blurred mint-silver satin sheen */
    -1px -1px 1px rgba(220, 255, 240, 0.85),
    -0.5px -0.5px 0.5px rgba(255, 255, 255, 0.9),
    
    /* 2. MICRO-STACKED EXTRUSION: Deep forest green (#002e1e) solid 3D depth */
     0.5px  0.5px 0px #002e1e,
     1px    1px   0px #002e1e,
     1.5px  1.5px 0px #002e1e,
     2px    2px   0px #002e1e,
     
    /* 3. TIGHT AMBIENT DROP SHADOW: Holds the entire phrase above the mixed background */
     3px    3px   6px rgba(0, 0, 0, 0.75);
}
.main-header-bar.ast-sticky-active {
	box-shadow: 0 0 0 0 rgba(36,50,66,.075);
}
   /* Ditty display */
/* Force the Ditty wrapper to take up full structural space */
.ditty, .ditty-ticker, .mtphr-dnt {
  display: block !important;
  width: 100% !important;
  clear: both !important;
}

/* Frosted glass background effect */
.glass, .glass-light {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.glass-dark {
  background: rgba(20, 20, 30, 0.35);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

/* Glass button (40% smaller) */
.button-pearl {
  --radius: 60px; /* reduced from 100px */
  outline: none;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.7);
  position: relative;
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  transition: box-shadow 0.4s cubic-bezier(.25,.8,.25,1),
              transform 0.4s cubic-bezier(.25,.8,.25,1),
              background 0.4s ease;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.9),
    inset 0 0.4rem 1rem rgba(255, 255, 255, 0.5),
    inset 0 -0.4rem 0.9rem rgba(0, 0, 0, 0.05),
    0 1.2rem 2.2rem rgba(0, 0, 0, 0.10),
    0 0.3rem 0.5rem -0.2rem rgba(0, 0, 0, 0.08);
}

.button-pearl .wrap {
  font-size: 15px; /* reduced from 25px */
  font-weight: 500;
  color: rgba(20, 20, 20, 0.82);
  padding: 19px 27px; /* reduced from 32px 45px */
  border-radius: inherit;
  position: relative;
  overflow: hidden;
}

.button-pearl .wrap p span:nth-child(2) {
  display: none;
}

.button-pearl:hover .wrap p span:nth-child(1) {
  display: none;
}

.button-pearl:hover .wrap p span:nth-child(2) {
  display: inline-block;
}

.button-pearl .wrap p {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  transition: transform 0.4s cubic-bezier(.25,.8,.25,1),
              text-shadow 0.4s cubic-bezier(.25,.8,.25,1);
  transform: translateY(2%);

  /* engraved (scaled shadows) */
  text-shadow:
    -1px -1px 0.6px rgba(0, 0, 0, 0.35),
     1px  1px 0.6px rgba(255, 255, 255, 0.8);
}

.button-pearl .wrap::before,
.button-pearl .wrap::after {
  content: "";
  position: absolute;
  transition: all 0.5s cubic-bezier(.25,.8,.25,1);
  pointer-events: none;
}

/* radial highlight (scaled down) */
.button-pearl .wrap::before {
  left: -10%;   /* was -20% */
  right: -10%;  /* was -20% */
  bottom: 20%;  /* was 30% */
  top: -80%;    /* was -120% */
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 70%);
  filter: blur(6px);
}

/* top gloss (scaled down) */
.button-pearl .wrap::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 30%; /* was 45% */
  border-radius: var(--radius) var(--radius) 0 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.7) 0%,
    rgba(255, 255, 255, 0.2) 45%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(1px);
}

.button-pearl:hover {
  background: rgba(255, 255, 255, 0.5);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 1),
    inset 0 0.3rem 0.7rem rgba(255, 255, 255, 0.6),
    inset 0 -0.4rem 0.9rem rgba(0, 0, 0, 0.06),
    0 1.5rem 2.5rem rgba(0, 0, 0, 0.12),
    0 0.3rem 0.5rem -0.2rem rgba(0, 0, 0, 0.1);
}

.button-pearl:hover .wrap::before {
  transform: translateY(-6%);
}

.button-pearl:hover .wrap::after {
  opacity: 0.8;
  transform: translateY(4%);
}

.button-pearl:hover .wrap p {
  transform: translateY(-4%);

  /* embossed (scaled shadows) */
  text-shadow:
    -1px -1px 0.6px rgba(255, 255, 255, 0.9),
     1px  1px 0.6px rgba(0, 0, 0, 0.35);
}

.button-pearl:active {
  transform: translateY(3px) scale(0.99);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.8),
    inset 0 0.3rem 0.6rem rgba(255, 255, 255, 0.6),
    inset 0 -0.3rem 0.7rem rgba(0, 0, 0, 0.07),
    0 0.8rem 1.4rem rgba(0, 0, 0, 0.1),
    0 0.2rem 0.3rem -0.1rem rgba(0, 0, 0, 0.1);
}

a.button-pearl,
a.button-pearl:link,
a.button-pearl:visited,
a.button-pearl:hover,
a.button-pearl:active,
a.button-pearl:focus {
  text-decoration: none !important;
}



  /* Glass toggle button */
/* Glassmorphism toggle/button with ultra-bright neon red glow */
.ast-theme-transparent-header .ast-button-wrap .ast-custom-button,
.ast-theme-transparent-header .ast-mobile-menu-buttons .ast-button-wrap,
.ast-theme-transparent-header .main-header-menu-toggle {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 59, 48, 0.7) !important;
    border-radius: 8px !important;
    transition: all 0.3s ease-in-out !important;
    animation: none !important;
    
    /* Forces hardware rendering to clean up nested browser blurring */
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Layered neon red glow */
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3), 
                0 0 15px 3px rgba(255, 59, 48, 0.8),    
                0 0 40px 10px rgba(255, 59, 48, 0.5),   
                0 0 70px 15px rgba(255, 59, 48, 0.25),  
                inset 0 0 12px rgba(255, 59, 48, 0.4) !important;
}

/* TARGET TEXT AND ICONS: Sharp Hard-Edge Vector Emboss */
.ast-theme-transparent-header .ast-button-wrap .ast-custom-button,
.ast-theme-transparent-header .ast-button-wrap .ast-custom-button *,
.ast-theme-transparent-header .main-header-menu-toggle,
.ast-theme-transparent-header .main-header-menu-toggle * {
    color: #1a1a1a !important; 
    font-weight: 800 !important; 
    fill: #1a1a1a !important; 
    
    /* Added slight spacing so letters do not bleed into each other */
    letter-spacing: 1px !important;
    text-transform: uppercase; /* Optional: Uppercase letters handle embossing cleaner */
    
    /* Removed all blur radiuses (set to 0px). Pure hard geometric edges for extreme sharpness */
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.95),  /* Sharp top-left inset ledge */
                 -2px -2px 0px rgba(0, 0, 0, 0.6),   
                  1px  1px 0px rgba(255, 255, 255, 0.85), /* Sharp bottom-right highlight */
                  2px  2px 0px rgba(255, 255, 255, 0.5) !important;
}

/* Supercharged neon red glow on hover */
.ast-theme-transparent-header .ast-button-wrap .ast-custom-button:hover,
.ast-theme-transparent-header .main-header-menu-toggle:hover {
    background: rgba(255, 59, 48, 0.2) !important;
    border-color: rgba(255, 59, 48, 1) !important;
    
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.35), 
                0 0 25px 6px rgba(255, 59, 48, 1),      
                0 0 60px 15px rgba(255, 59, 48, 0.7),    
                0 0 100px 25px rgba(255, 59, 48, 0.4),   
                inset 0 0 18px rgba(255, 59, 48, 0.6) !important;
}

/* Hover typography sharpness stability */
.ast-theme-transparent-header .ast-button-wrap .ast-custom-button:hover *,
.ast-theme-transparent-header .main-header-menu-toggle:hover * {
    color: #0d0d0d !important;
    fill: #0d0d0d !important;
    
    text-shadow: -1px -1px 0px rgba(0, 0, 0, 1), 
                 -2px -2px 0px rgba(0, 0, 0, 0.8),
                  1px  1px 0px rgba(255, 255, 255, 0.95), 
                  2px  2px 0px rgba(255, 255, 255, 0.6) !important;
}
/* Let transparent areas of the header pass clicks through to content below,
   while every actual header element stays clickable */
.site-primary-header-wrap {
  pointer-events: none;
}
.site-primary-header-wrap * {
  pointer-events: auto;
}