/*
 Theme Name:   ACTIv8 Global
 Theme URI:    https://activ8-global.com/
 Description:  ACTIv8 Global child theme for Adventz. Carries the brand palette and a hardened
               index.php that fixes the parent theme's unvalidated file include on the blog index.
 Author:       ACTIv8 Global
 Author URI:   https://activ8-global.com/
 Template:     adventz
 Version:      1.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  activ8-child
*/

/* ---------------------------------------------------------------
   ACTIv8 brand palette applied over the Adventz defaults.
   Adjust these four values to retune the whole site.
   --------------------------------------------------------------- */
:root{
  --activ8-coral:#F0563A;      /* primary action colour */
  --activ8-coral-dark:#D8402A; /* hover */
  --activ8-navy:#13293D;       /* ACTIv8 navy, used for dark bands and footer */
  --activ8-amber:#C8924A;      /* the "8" in the logo */
  --activ8-teal:#2A9D8F;       /* logo secondary */
}

/* Buttons ------------------------------------------------------- */
.radiantthemes-button__link,
.wp-block-button__link,
button.single_add_to_cart_button,
input[type="submit"]{
  background-color:var(--activ8-coral) !important;
  border-color:var(--activ8-coral) !important;
}
.radiantthemes-button__link:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover{
  background-color:var(--activ8-coral-dark) !important;
  border-color:var(--activ8-coral-dark) !important;
}

/* Dark surfaces: use ACTIv8 navy rather than the theme's default ---- */
.rt-footer,
footer.rt-footer,
.site-footer{
  background-color:var(--activ8-navy) !important;
}

/* Accent text -------------------------------------------------- */
.rt-heading__subtitle,
.elementor-widget-heading .rt-sub-title,
.rt-sub-title{
  color:var(--activ8-coral) !important;
}

/* Accessibility: the parent theme ships thin light-grey body text.
   Australian small business owners read this on phones in daylight. */
body,
p{
  color:#3E4E61;
}

/* Visible keyboard focus, which the parent theme removes. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:3px solid var(--activ8-coral) !important;
  outline-offset:2px !important;
}

/* ---------------------------------------------------------------
   Real ACTIv8 logo, replacing the text wordmark.
   --------------------------------------------------------------- */
.brand img{
  height:42px;
  width:auto;
  display:block;
}
@media(max-width:640px){
  .brand img{height:34px}
}

/* The footer logo file has the brand navy baked into it, so the footer
   background must match exactly or it shows as a lighter rectangle.
   #13293D is ACTIv8's navy, taken from the logo file itself. */
footer.site{background:#13293D}
.fbrand{display:block;margin-bottom:18px}
.fbrand img{
  height:52px;
  width:auto;
  display:block;
  border-radius:4px;
}

/* ---------------------------------------------------------------
   Mobile navigation. The reproduction stylesheet hides the desktop
   menu under 640px, so this provides the replacement.
   --------------------------------------------------------------- */
.burger{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:46px;
  height:46px;
  padding:11px 10px;
  background:none;
  border:1px solid #E5E5E5;
  border-radius:8px;
  cursor:pointer;
}
.burger span{
  display:block;
  height:2px;
  background:#272727;
  border-radius:2px;
  transition:transform .2s ease,opacity .2s ease;
}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.mobile-panel{display:none;border-top:1px solid #E5E5E5;background:#fff;padding:8px 30px 24px}
.mobile-panel.open{display:block}
.mobile-panel .mobile-menu{list-style:none;margin:0;padding:0}
.mobile-panel .mobile-menu li{margin:0}
.mobile-panel .mobile-menu a{
  display:block;
  padding:15px 0;
  font-size:17px;
  font-weight:500;
  color:#272727;
  border-bottom:1px solid #E5E5E5;
}
.mobile-panel .mobile-menu a:hover,
.mobile-panel .mobile-menu .current-menu-item a{color:var(--activ8-coral)}
.mobile-panel .btn{margin-top:20px;width:100%;justify-content:center}

/* !important is needed here: WordPress loads a dozen third-party stylesheets
   (Elementor, block library, host plugins) that outrank plain class selectors. */
@media(max-width:640px){
  .burger{display:flex !important}
  .nav-cta{display:none !important}
  .nav{gap:12px}
}
@media(min-width:641px){
  .burger{display:none !important}
  .mobile-panel{display:none !important}
}

/* Skip link for keyboard and screen reader users. */
.activ8-skip{
  position:absolute;
  left:-9999px;
}
.activ8-skip:focus{
  left:16px;
  top:8px;
  z-index:99999;
  background:var(--activ8-navy);
  color:#fff;
  padding:10px 18px;
  border-radius:4px;
}