/*
Theme Name:     Maxbizz Child
Theme URI:      http://wpdemo.archiwp.com/maxbizz/
Description:    Make your modifications to [Parent Theme] in this child theme.
Author:         Oceanthemes
Author URI:     http://oceanthemes.net/
Version:        1.0
Template:       maxbizz
*/

@import url("../maxbizz/style.css");

/* =Theme customization starts here
------------------------------------------------------- */
/*
Theme Name:   Ridger Capital (Maxbizz Child)
Theme URI:    https://ridgercapital.com
Description:  Brand override layer for the Maxbizz parent theme — aligns the Ridger Capital website to Ridger Brand Guidelines v1.1. Update-safe; survives Maxbizz parent updates.
Author:       Ridger Capital
Author URI:   https://ridgercapital.com
Template:     maxbizz
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:  ridger-capital
*/

/* =========================================================================
   Ridger Capital — Brand Override Layer
   Built against MaxBizz theme v1.2.3.19
   Aligned to Ridger Brand Guidelines v1.1 (Capital entity)
   This file loads AFTER the MaxBizz parent theme stylesheet.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Brand tokens
   ------------------------------------------------------------------------- */
:root {
  /* Primary palette */
  --rc-dusk-blue:        #2F5597;  /* Primary brand blue */
  --rc-dusk-blue-dark:   #1F3D70;  /* Hover/pressed state — 20% darker */
  --rc-charcoal:         #595959;  /* Headings, dark UI elements */
  --rc-slate-gray:       #6B7280;  /* Body text, captions */

  /* Accents — use sparingly */
  --rc-strategic-teal:   #2CA6A4;  /* Data callouts, badges, highlights */
  --rc-cool-horizon:     #7BA4D0;  /* Secondary hover/link accent */

  /* Neutrals */
  --rc-off-white:        #F7F8FA;  /* Page backgrounds, alt sections */
  --rc-divider:          #E5E7EB;  /* Card borders, hairlines */
  --rc-input-border:     #D1D5DB;  /* Form field borders */
  --rc-white:            #FFFFFF;
  --rc-black:            #000000;  /* Reserve for legal/monochrome only */

  /* Typography */
  --rc-font-body:        "Inter", system-ui, -apple-system, sans-serif;
  --rc-font-display:     "Inter", system-ui, -apple-system, sans-serif;
}

/* -------------------------------------------------------------------------
   2. Typography
   ------------------------------------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  font-family: var(--rc-font-body);
  color: var(--rc-slate-gray);
  line-height: 1.6;
}

.elementor h1, .elementor h2, .elementor h3,
.elementor h4, .elementor h5, .elementor h6,
h1, h2, h3, h4, h5, h6 {
  font-family: var(--rc-font-display) !important;
  color: var(--rc-charcoal);
}

.font-main { font-family: var(--rc-font-body); }
.font-second { font-family: var(--rc-font-display); }

p { color: var(--rc-slate-gray); }

/* Blockquote — primary brand color for the leading mark, not the body text */
blockquote {
  color: var(--rc-charcoal);
}
blockquote:before { color: var(--rc-dusk-blue); }
blockquote cite   { color: var(--rc-dusk-blue); }

/* -------------------------------------------------------------------------
   3. Brand color utilities
   ------------------------------------------------------------------------- */
.bg-primary   { background: var(--rc-dusk-blue); }
.text-primary { color: var(--rc-dusk-blue); }
.text-dark    { color: var(--rc-charcoal); }

/* List bullets default to teal accent rather than primary —
   keeps primary reserved for actions */
.hl-text.hl-text { color: var(--rc-strategic-teal) !important; }

/* Lime-green ".hl-text" override — replace with teal accent
   to remove a non-brand color from the system */
.hl-text { color: var(--rc-strategic-teal) !important; }

/* -------------------------------------------------------------------------
   4. Links
   ------------------------------------------------------------------------- */
a          { color: var(--rc-charcoal); }
a:visited  { color: var(--rc-charcoal); }
a:hover,
a:focus,
a:active   { color: var(--rc-dusk-blue); }

.link-details,
.link-details:visited { color: var(--rc-dusk-blue); }
.link-details:hover   { color: var(--rc-cool-horizon); }

/* -------------------------------------------------------------------------
   5. Buttons (.octf-btn family)
   ------------------------------------------------------------------------- */
.octf-btn {
  border-radius: 4px;            /* v1.1 §6.1 spec — was 3px */
  padding: 12px 24px;            /* v1.1 §6.1 spec — was 14px 30px */
  letter-spacing: 0.02em;
  background: var(--rc-dusk-blue);
  color: var(--rc-white);
}
.octf-btn:hover,
.octf-btn:focus {
  background: var(--rc-dusk-blue-dark);
  color: var(--rc-white);
}

.octf-btn-dark {
  background: var(--rc-charcoal);
}
.octf-btn-dark:hover,
.octf-btn-dark:focus {
  background: var(--rc-dusk-blue);
  color: var(--rc-white);
}

.octf-btn-light {
  background: var(--rc-white);
  color: var(--rc-charcoal);
}
.octf-btn-light:visited { color: var(--rc-charcoal); }
.octf-btn-light:hover,
.octf-btn-light:focus {
  background: var(--rc-dusk-blue);
  color: var(--rc-white);
}

.octf-btn.octf-btn-border {
  background: transparent;
  border-color: var(--rc-dusk-blue);
  color: var(--rc-dusk-blue);
  border-width: 1.5px;           /* v1.1 §6.1 spec — slightly heavier */
}
.octf-btn.octf-btn-border:visited { color: var(--rc-dusk-blue); }
.octf-btn.octf-btn-border:hover,
.octf-btn.octf-btn-border:focus {
  background: var(--rc-dusk-blue);
  color: var(--rc-white);
}

.octf-btn.octf-btn-border.octf-btn-dark {
  border-color: var(--rc-charcoal);
  color: var(--rc-charcoal);
}
.octf-btn.octf-btn-border.octf-btn-dark:hover,
.octf-btn.octf-btn-border.octf-btn-dark:focus {
  background: var(--rc-charcoal);
  color: var(--rc-white);
}

.btn-details        { color: var(--rc-charcoal); }
.btn-details:hover  { background: var(--rc-dusk-blue); color: var(--rc-white); }

/* -------------------------------------------------------------------------
   6. Forms
   ------------------------------------------------------------------------- */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  border: 1px solid var(--rc-input-border);
  color: var(--rc-charcoal);
  border-radius: 4px;            /* aligns with button radius */
  font-family: var(--rc-font-body);
  min-height: 48px;              /* v1.1 §9.1 minimum touch target */
  transition: border-color 0.15s ease;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
  border-color: var(--rc-dusk-blue);
  color: var(--rc-charcoal);
  outline: 0;
  box-shadow: 0 0 0 3px rgba(47, 85, 151, 0.12);
}

::-webkit-input-placeholder { color: var(--rc-slate-gray); }
::-moz-placeholder          { color: var(--rc-slate-gray); }
:-ms-input-placeholder      { color: var(--rc-slate-gray); }
:-moz-placeholder           { color: var(--rc-slate-gray); }

/* -------------------------------------------------------------------------
   7. Owl carousel — brand colors
   ------------------------------------------------------------------------- */
.owl-carousel .owl-dots button.owl-dot.active span,
.owl-carousel .owl-dots button.owl-dot:hover span {
  background: var(--rc-dusk-blue);
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
  background: var(--rc-charcoal);
  border-radius: 4px;
}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
  background: var(--rc-dusk-blue);
}

/* -------------------------------------------------------------------------
   8. Slider Revolution subtitle accent
   ------------------------------------------------------------------------- */
.slide-rev-subtitle span { color: var(--rc-dusk-blue); }

/* -------------------------------------------------------------------------
   9. Subscribe form (Mailchimp for WP)
   ------------------------------------------------------------------------- */
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon {
  background: var(--rc-charcoal);
  border-radius: 4px;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon:hover {
  background: var(--rc-dusk-blue);
}

/* -------------------------------------------------------------------------
   10. Back to top
   ------------------------------------------------------------------------- */
#back-to-top {
  background: var(--rc-dusk-blue);
  border-radius: 4px;
}
#back-to-top:hover {
  background: var(--rc-dusk-blue-dark);
}

/* -------------------------------------------------------------------------
   11. 404 page
   ------------------------------------------------------------------------- */
.error-404 .page-content form button {
  background: var(--rc-charcoal);
  border-radius: 4px;
}
.error-404 .page-content form button:hover {
  background: var(--rc-dusk-blue);
}

/* -------------------------------------------------------------------------
   12. Side panel and mobile menu
   ------------------------------------------------------------------------- */
.panel-btn i        { color: var(--rc-charcoal); }
.side-panel-close   { color: var(--rc-charcoal); }
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow i {
  color: var(--rc-slate-gray);
}

/* -------------------------------------------------------------------------
   13. Background utilities
   ------------------------------------------------------------------------- */
.bg-alt { background: var(--rc-off-white); }

/* -------------------------------------------------------------------------
   14. Selection highlight
   ------------------------------------------------------------------------- */
::selection      { background: var(--rc-dusk-blue); color: var(--rc-white); }
::-moz-selection { background: var(--rc-dusk-blue); color: var(--rc-white); }

/* -------------------------------------------------------------------------
   15. Body line-height baseline (brand spec)
   ------------------------------------------------------------------------- */
body {
  line-height: 1.6;              /* v1.1 §9.1 — was 1.875 */
}

/* -------------------------------------------------------------------------
   16. Mobile touch fix — off-canvas overlay tap interception
   -------------------------------------------------------------------------
   Symptom : On mobile, the hamburger menu, GET STARTED, and all buttons
             do not respond to taps, while desktop (mouse) works fine.
   Cause   : The off-canvas menu backdrop (.site-overlay.mmenu-overlay)
             stays in the DOM full-screen with pointer-events:auto while the
             menu is CLOSED, so it silently intercepts touches across the
             whole viewport. The off-screen menu panel can also steal taps
             along the right edge on narrow screens.
   Fix     : Disable pointer-events on the overlay and panel while CLOSED;
             re-enable only while the menu is OPEN (.active / .mmenu-open),
             and guarantee the toggle itself always receives taps.
   ------------------------------------------------------------------------- */

/* 1) Closed backdrop must not catch taps */
.site-overlay.mmenu-overlay {
  pointer-events: none !important;
}

/* 2) Restore tap-to-close ONLY while the menu is open */
.site-overlay.mmenu-overlay.active,
.mmenu-wrapper.mmenu-open ~ .site-overlay.mmenu-overlay,
body.mmenu-active .site-overlay.mmenu-overlay {
  pointer-events: auto !important;
}

/* 3) Closed off-canvas panel must not sit over content / steal edge taps */
.mmenu-wrapper:not(.mmenu-open) {
  pointer-events: none !important;
}
.mmenu-wrapper.mmenu-open {
  pointer-events: auto !important;
}

/* 4) The hamburger toggle must always be tappable */
#mmenu-toggle,
#mmenu-toggle * {
  pointer-events: auto !important;
}