/*
 Theme Name:   ListingHive Child
 Theme URI:    https://aycenation.com
 Description:  ListingHive child theme — AYCE Nation brand colors + rounded buttons
 Author:       AYCE Nation
 Template:     listinghive
 Version:      1.0.6
 Text Domain:  listinghive-child
*/

/* ════════════════════════════════════════════════════════════════════
   AYCE NATION — Color Overrides
   Yellow (#ffc107) → Coral (#FF6B4A)
   Green (#15cd72) → Ink (#1A1A2E)
   
   These override the parent theme's colors via cascade.
   Child style.css loads AFTER parent styles.
   ════════════════════════════════════════════════════════════════════ */

/* ── Primary accent: gold → coral ── */
.header-navbar__menu ul li a:hover,
.header-navbar__menu ul li.active > a,
.header-navbar__menu ul li.current-menu-item > a,
.header-navbar__burger ul li a:hover,
.header-navbar__burger ul li.active > a,
.header-navbar__burger ul li.current-menu-item > a,
.footer-navbar__menu ul li a:hover,
.hp-link:hover,
.hp-menu--tabbed .hp-menu__item--current a,
.hp-menu--tabbed .hp-menu__item a:hover,
.widget_categories li a:hover,
.widget_categories li.current-cat > a,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_pages li a:hover,
.widget_nav_menu li a:hover,
.widget_recent_entries li a:hover,
.wp-block-archives li a:hover,
.wp-block-categories li a:hover,
.wp-block-latest-posts li a:hover,
.wp-block-rss li a:hover,
.tagcloud a:hover,
.wp-block-tag-cloud a:hover,
.woocommerce nav.woocommerce-pagination a:hover {
  color: #FF6B4A;
}

/* ── Current menu item indicator bar ── */
.header-navbar__menu > ul > li.current-menu-item::before,
.header-navbar__burger > ul > li.current-menu-item::before {
  background-color: #FF6B4A;
}

/* ── Primary buttons: gold → coral ── */
.button--primary,
button[type="submit"],
input[type="submit"],
.hp-form__actions .hp-form__button,
.wp-block-file .wp-block-file__button {
  background-color: #FF6B4A;
}

.button--primary::before,
button[type="submit"]::before,
input[type="submit"]::before {
  background-color: rgba(255, 255, 255, 0.1);
}

.button--primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: #e85a3a;
}

/* ── Secondary buttons: green → ink ── */
.button--secondary {
  background-color: #1A1A2E;
}

/* ── Widget title accent bar ── */
.title::before,
.footer-widgets .widget__title::before,
.hp-page__title::before,
.hp-section__title::before {
  background-color: #FF6B4A;
}

/* ── Featured listing badge ── */
.hp-listing--view-block .hp-listing__featured-badge {
  background-color: #FF6B4A;
}

/* ── Blockquote border ── */
blockquote,
.wp-block-quote,
.comment.bypostauthor .comment__image img {
  border-color: #FF6B4A;
}

/* ── Tag/category hover border ── */
.tagcloud a:hover,
.wp-block-tag-cloud a:hover,
.hp-listing__images-carousel .slick-current img {
  border-color: #FF6B4A;
}

/* ── Location icon ── */
.hp-listing__location i {
  color: #1A1A2E;
}

/* ── Checkboxes/radios: green → ink ── */
.hp-field input[type="checkbox"]:checked + span::before,
.hp-field input[type="radio"]:checked + span::after,
.hp-field input[type="radio"]:checked + span::before,
.hp-field--number-range .ui-slider-range {
  background-color: #1A1A2E;
  border-color: #1A1A2E;
}

/* ── Category hover bg ── */
.post__categories a:hover,
.hp-listing--view-block .hp-listing__categories a:hover {
  background-color: #1A1A2E;
}

/* ── Category archive current item ── */
.widget_categories li.current-cat::before,
.widget_categories li.current-cat > a,
.widget_categories li.current-menu-item::before,
.widget_categories li.current-menu-item > a,
.widget_nav_menu li.current-menu-item::before,
.widget_nav_menu li.current-menu-item > a,
.widget_archive li:hover::before,
.widget_categories li:hover::before,
.widget_meta li:hover::before,
.widget_nav_menu li:hover::before,
.widget_pages li:hover::before,
.widget_recent_entries li:hover::before,
.wp-block-archives li:hover::before,
.wp-block-categories li:hover::before,
.wp-block-latest-posts li:hover::before,
.wp-block-rss li:hover::before {
  color: #FF6B4A;
}

/* ── WooCommerce accent ── */
.woocommerce span.onsale,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: #FF6B4A;
}

/* ════════════════════════════════════════════════════════════════════
   ROUNDED BUTTONS
   ════════════════════════════════════════════════════════════════════ */

.button,
button,
input[type="submit"],
.button--primary,
.button--secondary,
.hp-form__button,
.hp-button {
  border-radius: 8px;
}

/* Pill-shaped for search/filter context */
.hp-form--listing-search .hp-form__button,
.hp-form--listing-search button[type="submit"] {
  border-radius: 9999px;
}

/* Tag chips rounded */
.tagcloud a,
.wp-block-tag-cloud a,
.post__categories a,
.hp-listing__categories a {
  border-radius: 6px;
}

/* ── Content title accent bar (homepage section headings) ── */
.content-title::before,
h2.content-title::before {
  content: '';
  display: block;
  width: 40px;
  height: 3px;
  background-color: #FF6B4A;
  margin: 0 auto 12px;
  border-radius: 2px;
}

/* ════════════════════════════════════════════════════════════════════
   MOBILE HEADER — Logo left + black hamburger icon right
   Matches HivePress.io sizing and positioning
   ════════════════════════════════════════════════════════════════════ */

/* Match HivePress.io: no right margin on burger */
.header-navbar__burger {
  margin-right: 0 !important;
}

@media only screen and (max-width: 74.99em) {
  /* Hide non-essential elements on mobile */
  .header-navbar__actions,
  .hp-menu--site-header {
    display: none !important;
  }

  /* Black hamburger icon — mobile only */
  .header-navbar__burger > a {
    color: #1A1A2E !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .header-navbar__burger > a:hover {
    color: #FF6B4A !important;
  }

  /* Icon size matches HivePress.io (24px) */
  .header-navbar__burger > a i {
    font-size: 24px;
    display: block;
  }
}


/* ════════════════════════════════════════════════════════════════════
   SITE LOGO — Constrain max size
   ════════════════════════════════════════════════════════════════════ */

/* Desktop: logo sizing — parent theme sets width:100%, just constrain height */
.header-logo img.custom-logo {
  max-height: 70px !important;
  width: auto !important;
}

/* Mobile: keep logo visible */
@media only screen and (max-width: 74.99em) {
  .header-logo img.custom-logo {
    max-height: 56px !important;
  }
}