/*
Theme Name: Pathway Outfitters
Theme URI: https://pathwayoutfitters.org
Description: Divi 5 child theme for Pathway Outfitters — paper and forest palette, Cormorant Garamond + Figtree, photography-led heroes. Import the included layouts after activating.
Author: Pathway Outfitters
Author URI: https://pathwayoutfitters.org
Template: Divi
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pathway-outfitters
Tags: divi, child-theme, custom-colors, custom-menu, featured-images, full-width-template
*/

/* -------------------------------------------------------------------------
   Tokens
   ------------------------------------------------------------------------- */

:root {
  --po-paper: #f3eee4;
  --po-paper-2: #e7dece;
  --po-cream: #faf6ee;
  --po-ink: #1c2418;
  --po-ink-soft: #3d4a38;
  --po-muted: #6a7363;
  --po-forest: #24382c;
  --po-forest-deep: #17241c;
  --po-moss: #4d6750;
  --po-water: #3a5258;
  --po-line: #d5ccbb;
  --po-line-dark: #3a4c40;
  --po-ember: #c4a574;
  --po-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --po-sans: Figtree, "Open Sans", ui-sans-serif, system-ui, sans-serif;
  --po-kicker: 0.2em;
}

/* -------------------------------------------------------------------------
   Base
   ------------------------------------------------------------------------- */

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body,
#page-container,
#et-boc,
.et-db #et-boc .et-l,
.et-l--body {
  background-color: var(--po-paper) !important;
  color: var(--po-ink);
  font-family: var(--po-sans);
}

::selection {
  background: var(--po-forest);
  color: var(--po-cream);
}

a {
  color: var(--po-forest);
}

a:hover {
  color: var(--po-moss);
}

h1, h2, h3, h4, h5, h6,
.et_pb_text h1,
.et_pb_text h2,
.et_pb_text h3,
.et_pb_module_header,
.et_pb_blurb_container h4,
.et_pb_toggle_title,
.et_pb_accordion_item h5,
.et_pb_fullwidth_header .et_pb_header_title,
.et-l h1, .et-l h2, .et-l h3 {
  font-family: var(--po-display) !important;
  font-weight: 500;
  color: var(--po-ink);
  letter-spacing: -0.02em;
}

p,
.et_pb_text p,
.et_pb_blurb_description,
.et_pb_contact_field input,
.et_pb_contact_field textarea {
  font-family: var(--po-sans);
}

/* -------------------------------------------------------------------------
   Header / primary nav
   ------------------------------------------------------------------------- */

#main-header,
#et-top-navigation,
.et-l--header,
header.et-l {
  font-family: var(--po-sans);
  transition: background-color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

#main-header {
  background-color: rgba(243, 238, 228, 0.95) !important;
  border-bottom: 1px solid rgba(213, 204, 187, 0.7);
  box-shadow: none !important;
}

#main-header.et-fixed-header {
  background-color: rgba(243, 238, 228, 0.97) !important;
}

body.pathway-has-hero:not(.pathway-scrolled) #main-header,
body.pathway-has-hero:not(.pathway-scrolled) .et-l--header,
body.pathway-has-hero:not(.pathway-scrolled) header.et-l {
  background-color: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

body.pathway-has-hero:not(.pathway-scrolled) #main-header #top-menu > li > a,
body.pathway-has-hero:not(.pathway-scrolled) #main-header .et-cart-info,
body.pathway-has-hero:not(.pathway-scrolled) #main-header .mobile_menu_bar:before,
body.pathway-has-hero:not(.pathway-scrolled) .et-l--header a {
  color: var(--po-cream) !important;
}

#top-menu > li > a,
.et-menu a {
  font-family: var(--po-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: var(--po-kicker) !important;
  text-transform: uppercase !important;
  color: var(--po-ink-soft) !important;
}

#top-menu > li > a:hover,
#top-menu > li.current-menu-item > a {
  opacity: 0.7;
}

#et-secondary-menu,
#top-header {
  display: none;
}

.mobile_menu_bar:before {
  color: var(--po-ink);
}

#et_mobile_nav_menu {
  background: var(--po-paper);
}

/* -------------------------------------------------------------------------
   Buttons
   ------------------------------------------------------------------------- */

.et_pb_button,
.et_pb_contact_submit,
.et_pb_newsletter_button,
.et_pb_promo_button,
a.et_pb_button {
  font-family: var(--po-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  background-color: var(--po-forest) !important;
  color: var(--po-cream) !important;
  border: 0 !important;
  border-radius: 2px !important;
  padding: 0.9em 1.7em !important;
}

.et_pb_button:after,
.et_pb_button:before {
  display: none !important;
}

.et_pb_button:hover,
.et_pb_contact_submit:hover {
  background-color: var(--po-forest-deep) !important;
  color: var(--po-cream) !important;
  padding: 0.9em 1.7em !important;
}

/* Ghost / cream variants via module class */
.po-btn-cream .et_pb_button,
.et_pb_button.po-btn-cream {
  background-color: var(--po-cream) !important;
  color: var(--po-forest) !important;
}

.po-btn-ghost .et_pb_button,
.et_pb_button.po-btn-ghost {
  background-color: transparent !important;
  color: var(--po-cream) !important;
  border: 1px solid rgba(250, 246, 238, 0.45) !important;
}

/* -------------------------------------------------------------------------
   Sections, rows, heroes
   ------------------------------------------------------------------------- */

.et_pb_section {
  background-color: transparent;
}

.et_pb_fullwidth_header,
.et_pb_section.et_pb_fullwidth_section,
.et_pb_section.po-hero {
  min-height: 72vh;
}

.et_pb_section.po-hero-sm {
  min-height: 56vh;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container {
  align-items: flex-end;
}

.et_pb_fullwidth_header .et_pb_header_title,
.et_pb_fullwidth_header h1 {
  color: var(--po-cream) !important;
  font-size: clamp(2.75rem, 7vw, 5.5rem) !important;
  line-height: 0.95 !important;
  font-style: italic;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead,
.et_pb_fullwidth_header .et_pb_header_content {
  color: rgba(250, 246, 238, 0.86) !important;
  font-family: var(--po-sans) !important;
}

/* -------------------------------------------------------------------------
   Blurbs, accordion, forms
   ------------------------------------------------------------------------- */

.et_pb_blurb .et_pb_module_header,
.et_pb_blurb h4 {
  font-family: var(--po-display) !important;
  font-size: 1.75rem !important;
}

.et_pb_blurb .et_pb_blurb_description {
  color: var(--po-ink-soft);
  line-height: 1.65;
}

.et_pb_accordion .et_pb_toggle,
.et_pb_toggle {
  background: var(--po-cream) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--po-line) !important;
  padding: 1.25rem 0 !important;
}

.et_pb_toggle_title {
  font-size: 1.35rem !important;
}

.et_pb_contact_form input,
.et_pb_contact_form textarea,
.et_pb_contact_form select,
.et_pb_newsletter_form input {
  background: var(--po-cream) !important;
  border: 1px solid var(--po-line) !important;
  border-radius: 2px !important;
  color: var(--po-ink) !important;
  font-family: var(--po-sans) !important;
}

.et_pb_contact_form input:focus,
.et_pb_contact_form textarea:focus {
  border-color: var(--po-forest) !important;
}

/* -------------------------------------------------------------------------
   Footer
   ------------------------------------------------------------------------- */

#main-footer,
#et-footer-area,
.et-l--footer,
footer.et-l {
  background-color: var(--po-forest) !important;
  color: rgba(250, 246, 238, 0.78) !important;
}

#main-footer a,
.et-l--footer a,
#footer-info a {
  color: var(--po-cream) !important;
}

#footer-bottom {
  background-color: var(--po-forest-deep) !important;
  border-top: 1px solid rgba(250, 246, 238, 0.1);
}

#footer-info,
.et-l--footer p {
  font-family: var(--po-sans);
  font-size: 13px;
}

#footer-bottom .et-social-icons {
  display: none;
}

/* -------------------------------------------------------------------------
   Utilities
   ------------------------------------------------------------------------- */

.po-kicker {
  font-family: var(--po-sans);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: var(--po-kicker);
  text-transform: uppercase;
  color: var(--po-muted);
  margin: 0 0 12px;
}

.po-display {
  font-family: var(--po-display) !important;
}

.po-italic {
  font-family: var(--po-display) !important;
  font-style: italic;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  #main-header {
    transition: none;
  }
}