/* =========================================================
   Phoenix Rising U — Custom CSS (FINAL CLEAN BUILD)
   ========================================================= */


/* =========================================================
   1) Small Utilities
   ========================================================= */
.textwidget.custom-html-widget{
  font-variant: normal;
  text-transform: none;
}


/* =========================================================
   2) Phone “reveal number” toggle
   ========================================================= */
.phone-button:hover{
  background-color: #cefad0;
}

.phone-number{
  display: none;
  margin-left: 10px;
  padding: 1px 1px;
  background-color: transparent;
}

.phone-container{
  margin-left: 10px;
}

.phone-container .phone-number a{
  color: green !important;
  text-decoration: none;
}

.phone-container .phone-button,
.phone-container .phone-number a{
  font-size: 0.8em !important;
}

.toggle-checkbox:checked ~ .phone-number{
  display: inline-block;
}

.toggle-checkbox:checked ~ .phone-button::after{
  content: " (Hide Number)";
}


/* =========================================================
   3) CONNECT PAGE — SiteOrigin Contact Form
   ========================================================= */

.pru-connect-form .sow-contact-form,
.pru-connect-form .sow-form{
  max-width: 450px;
  width: 100%;
  margin: 0 auto;
  background: transparent;
  border: none;
  padding: 0;
}

.pru-connect-form .sow-form label,
.pru-connect-form .sow-contact-form label{
  display: block;
  width: 400px;
  max-width: 100%;
  text-align: left;
  font-size: 0.95em;
  font-weight: 500;
  color: #3F4A45;
  margin: 0 0 6px 0;
}

.pru-connect-form .sow-form input[type="text"],
.pru-connect-form .sow-form input[type="email"],
.pru-connect-form .sow-form textarea,
.pru-connect-form .sow-contact-form input[type="text"],
.pru-connect-form .sow-contact-form input[type="email"],
.pru-connect-form .sow-contact-form textarea{
  width: 100%;
  padding: 12px 14px;
  font-size: 1em;
  line-height: 1.6;
  color: #3C3630;
  background: #FFFFFF;
  border: 1px solid #D6D2CC;
  border-radius: 6px;
  box-sizing: border-box;
}

.pru-connect-form .sow-form .sow-form-field,
.pru-connect-form .sow-contact-form .sow-form-field{
  margin-bottom: 18px;
}

.pru-connect-form ::placeholder{
  color: #8A8F8B;
}

.pru-connect-form .sow-form input:focus,
.pru-connect-form .sow-form textarea:focus,
.pru-connect-form .sow-contact-form input:focus,
.pru-connect-form .sow-contact-form textarea:focus{
  border-color: #8FA39A;
  box-shadow: 0 0 0 2px #E6EFEA;
  outline: none;
}


/* =========================================================
   4) BRIDGE ROW
   ========================================================= */

.pru-bridge-row{
  background: #F3F2EE !important;
  border-bottom: 1px solid #D9D3C7 !important;
  box-shadow: 0 2px 0 rgba(0,0,0,0.05) !important;
  margin-bottom: 0 !important;
}

.pru-bridge-row .panel-row-style{
  margin-bottom: 0 !important;
  padding-bottom: 14px !important;
}


/* =========================================================
   5) HERO
   ========================================================= */

.pru-hero{
  position: relative !important;
  width: 100% !important;
  min-height: 520px !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  overflow: hidden !important;
}

.pru-hero--home{
  background-image: url("https://phoenixrisingu.org/wp-content/uploads/2025/05/free_new_life_2_cgpt.webp") !important;
}

.pru-hero__overlay{
  position: absolute !important;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.18);
  pointer-events: none;
}

.pru-hero__inner{
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: 0 auto;
  padding: 90px 24px 70px;
  text-align: center;
  color: rgba(246,241,234,0.96);
}

.pru-hero__h2{
  margin: 0 0 26px;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: 0.06em;
  font-weight: 600;
  text-transform: uppercase;

  /* FIX: force hero H2 color (theme is overriding with #2d2d2d) */
  color: #fcf4dd !important;    /* Home Page Hero Image Header Font Color */
}

.pru-hero__p{
  margin: 0 auto 16px;
  max-width: 860px;
  font-size: 18px;
  line-height: 1.65;
  color: rgba(246,241,234,0.88);
}

.pru-hero__p--lead{
  font-size: 20px;
  color: rgba(246,241,234,0.94);
}


/* =========================================================
   6) HERO BUTTONS — SPLIT PILL (DIAGONAL ROUND / SQUARE)
   - No ::before / ::after
   - No corner spans (hidden if present)
   - No gap property (use margins)
   - Buttons ~20% smaller
   - FIX: do not remove outlines (linter warning)
   ========================================================= */

/* button row */
.pru-hero__buttons{
  text-align: center !important;
  margin-top: 12px !important;
  font-size: 0 !important; /* removes inline-block whitespace */
padding-top: 24px !important;  /*padding between buttons and text */
}

/* base button */
.pru-hero__buttons a.pru-btn{
  display: inline-block !important;
  position: relative !important;
  vertical-align: middle !important;

  /* smaller + less dominant */
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;

  padding: 11px 22px !important;
  margin: 0 12px !important; /* replaces gap */
		
  color: rgba(246,241,234,0.95) !important;
  background: transparent !important;

  border: 2px solid rgba(246,241,234,0.70) !important;

  /* IMPORTANT:
     Reset base radius so per-corner rules actually take effect. */
  border-radius: 0 !important;

  box-shadow: none !important;
  background-image: none !important;
  text-decoration: none !important;

  -webkit-appearance: none !important;
  appearance: none !important;

  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

/* kill theme visited color changes */
.pru-hero__buttons a.pru-btn:visited{
  color: rgba(246,241,234,0.95) !important;
}

/* remove *all* pseudo-element drawing (prevents “second border” look) */
.pru-hero__buttons a.pru-btn::before,
.pru-hero__buttons a.pru-btn::after{
  content: none !important;
  display: none !important;
  background: none !important;
}

/* remove *all* corner-span drawing */
.pru-hero__buttons .pru-corner{
  display: none !important;
}

/* ---------------------------------------------------------
   Corner geometry (as you described)
   Using a large radius value for the "rounded" corners.
   --------------------------------------------------------- */
.pru-hero__buttons a.pru-btn--left{
  /* TL TR BR BL */
  border-top-left-radius: 0px !important;        /* upper outer = square */
  border-top-right-radius: 15px !important;      /* upper inner = round */
  border-bottom-right-radius: 0px !important;    /* lower inner = square */
  border-bottom-left-radius: 15px !important;    /* lower outer = round */

  margin-right: 12px !important; /* small inner space */
}

.pru-hero__buttons a.pru-btn--right{
  /* TL TR BR BL */
  border-top-left-radius: 15px !important;        /* upper inner = round */
  border-top-right-radius: 0px !important;        /* upper outer = sqaure */
	border-bottom-right-radius: 15px !important;    /* lower outer = round */
  border-bottom-left-radius: 0px !important;       /* lower inner = square */

  margin-left: 12px !important; /* small inner space */
}

/* hover */
.pru-hero__buttons a.pru-btn:hover{
  background: rgba(246,241,234,0.12) !important;
  border-color: rgba(246,241,234,0.85) !important;
  transform: translateY(-1px);
}

/* accessibility: do NOT hide outline (fixes linter warning)
   Enhance focus for keyboard users */
.pru-hero__buttons a.pru-btn:focus-visible{
  outline: 3px solid rgba(246,241,234,0.45) !important;
  outline-offset: 3px !important;
}

/* Mobile: stack buttons and use full pill ends when stacked */
@media (max-width: 700px){
  .pru-hero__buttons{
    font-size: 0 !important;
  }

  .pru-hero__buttons a.pru-btn{
    display: inline-block !important;
    margin: 10px 0 !important;
    padding: 12px 20px !important; /* slightly roomier on touch */

    /* stacked = full pill */
    border-radius: 999px !important;
  }

  .pru-hero__buttons a.pru-btn--left,
  .pru-hero__buttons a.pru-btn--right{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}