/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* ===== Script Heading Font ===== */
/* Self-hosted Pastelheart-Updated (client-provided TTF) */
@font-face {
  font-family: "Pastelheart";
  src: url("fonts/Pastelheart-Regular-BF63bd210d19a58.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* Apply Pastelheart-Updated to all script headings.
   font-weight: normal prevents browser from synthetically
   bolding a font that has no bold variant. */
.vc_custom_heading.tit-gray {
  font-family: "Pastelheart", cursive !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 90px !important;
  line-height: 1.15 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sub-top-title .vc_custom_heading.tit-gray,
.home-banner .vc_custom_heading.tit-gray {
  font-family: "Pastelheart", cursive !important;
  font-size: 90px !important;
  text-shadow: none !important;
}

/* ===== Advance Mining Solutions Brand Overrides ===== */
/* Light Blue #00A0DC (RGB 0,160,220) - per client brand guidelines */

:root {
  --primary-blue: #00A0DC !important;
  --secondary-blue: #00A0DC !important;
}

/* Override YWRAQ button colors */
:root {
  --ywraq_layout_button_bg_color: rgb(0, 160, 220) !important;
  --ywraq_layout_button_bg_color_hover: rgba(0, 160, 220, 0.78) !important;
  --ywraq_layout_button_border_color: rgb(0, 160, 220) !important;
  --ywraq_layout_button_border_color_hover: rgba(0, 160, 220, 0.78) !important;
  --ywraq_checkout_button_bg_color: rgb(0, 160, 220) !important;
  --ywraq_checkout_button_bg_color_hover: rgba(0, 160, 220, 0.78) !important;
  --ywraq_checkout_button_border_color: rgb(0, 160, 220) !important;
  --ywraq_checkout_button_border_color_hover: rgba(0, 160, 220, 0.78) !important;
  --ywraq_accept_button_bg_color: rgb(0, 160, 220) !important;
  --ywraq_accept_button_bg_color_hover: rgba(0, 160, 220, 0.78) !important;
  --ywraq_accept_button_border_color: rgb(0, 160, 220) !important;
  --ywraq_accept_button_border_color_hover: rgba(0, 160, 220, 0.78) !important;
}

/* Brand blue helpers (avoid gradients; exact #00A0DC only) */
.brand-blue-bg {
  background: #00A0DC !important;
}

.brand-blue-text {
  color: #00A0DC !important;
}

/* Buttons / CTAs that should use the brand blue */
.vc_btn3.vc_btn3-style-custom,
.gform_button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.add-request-quote-button.button,
.wp-block-post.product a.add-request-quote-button.button,
a.add-request-quote-button.button {
  background: #00A0DC !important;
}

/* Terms & Conditions section - Black background on all pages */
.site-info,
.site-info .inside-site-info,
.site-info .grid-container,
.site-info .inside-site-info.grid-container {
  background: #000000 !important;
}

/* Navigation hover/active - Light Blue */
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover>a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus>a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"])>a,
.main-navigation .main-nav ul li[class*="current-menu-"]>a,
.main-navigation .main-nav ul ul li:not([class*="current-menu-"]):hover>a,
.main-navigation .main-nav ul ul li[class*="current-menu-"]>a,
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus {
  background-color: #00A0DC !important;
}

/* Title underline accent */
.tit-green::after,
.tit-green-center::after {
  background: rgba(0, 160, 220, 0.83) !important;
}

/* ===== AMS Logo RGB-new - Zoomed in, strictly inside the white panel ===== */
/* The .site-logo white panel is ~120px tall with padding: 28px 0            */
/* Available image height = 120 - 56 = 64px.                                 */
/* Constraining by HEIGHT (not width) is the correct fix for overflow.       */

.site-header .header-image.is-logo-image {
  height: 64px !important;
  width: auto !important;
  max-width: none !important;
  object-fit: contain !important;
  display: block !important;
}

/* Add horizontal padding on desktop so the logo sits neatly inside the panel */
@media only screen and (min-width: 1200px) {
  .site-logo {
    padding-left: 20px !important;
    padding-right: 10px !important;
  }
}

/* Slightly smaller on tablet/mobile */
@media only screen and (max-width: 1199px) {
  .site-header .header-image.is-logo-image {
    height: 52px !important;
  }
}

@media only screen and (max-width: 480px) {
  .site-header .header-image.is-logo-image {
    height: 40px !important;
  }
}

/* Product pages/catalog: keep logo panel fully white to remove tiny corner artifact */
.single-product .site-logo,
.single-product .site-logo::before,
.woocommerce-shop .site-logo,
.woocommerce-shop .site-logo::before,
.tax-product_cat .site-logo,
.tax-product_cat .site-logo::before {
  background-color: #fff !important;
}