/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ============================================
   BASE BUTTON STYLE (applies to ALL buttons)
   ============================================ */
/* Base applies to all button variants */
.button,
.button1,
.button2,
.button3,
.button4,
.button5 {
  display: inline-block;
  padding: 12px 28px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: transparent;
  transition: all 0.3s ease;
  font-family: 'Jost', sans-serif;
  border: 1px solid transparent;
}


.button1 {
  border-color: #f7941d;
  color: #f7941d;
}

.button1:hover {
  background-color: #f7941d;
  color: #fff;
}


.button2 {
  border-color: #ed1c24;
  color: #ed1c24;
}

.button2:hover {
  background-color: #ed1c24;
  color: #fff;
}

.button3 {
  border-color: #d22730;
  color: #d22730;
}

.button3:hover {
  background-color: #d22730;
  color: #fff;
}


.button4 {
  border-color: #000000;
  color: #000000;
}

.button4:hover {
  background-color: #000000;
  color: #fff;
}

.button5 {
  border-color: #0072bc;
  color: #0072bc;
}

.apar-product-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 40px 10px 16px;
  border-radius: 999px;
  border: 1px solid #f7941d;
  background: #fff url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%230f172a" viewBox="0 0 24 24"%3E%3Cpath d="M7 10l5 5 5-5z"/%3E%3C/svg%3E') no-repeat right 16px center;
  background-size: 16px;
  font-size: 15px;
  font-family: "Jost", "Inter", Arial, sans-serif;
  color: #0f172a;
  transition: border-color 0.2s ease;
}

.apar-product-select:focus {
  outline: none;
  border-color: #111;
  box-shadow: 0 0 0 3px rgba(247, 148, 29, 0.25);
}

.apar-archive-breadcrumbs {
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
}

/* -------------------------------------------------
   0. OPTIONAL: LOCAL FONT FACE WITH SWAP (Recommended)
   Add only if you host Jost locally. Remove if using Google Fonts.
-------------------------------------------------- */
/*
@font-face {
  font-family: "Jost";
  src: url("/wp-content/themes/apar-child/fonts/Jost.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap !important;
}
*/

/* -------------------------------------------------
   2. HEADING FONT SIZES – BASE SCALE
-------------------------------------------------- */

h1 {
  font-size: 2.5rem;   /* 40px */
  line-height: 1.2;
  font-weight: 600;
}

h2 {
  font-size: 2rem;     /* 32px */
  line-height: 1.25;
  font-weight: 600;
}

h3 {
  font-size: 1.75rem;  /* 28px */
  line-height: 1.3;
  font-weight: 500;
}

h4 {
  font-size: 1.5rem;   /* 24px */
  line-height: 1.35;
  font-weight: 500;
}

h5 {
  font-size: 1.25rem;  /* 20px */
  line-height: 1.4;
  font-weight: 500;
}

h6 {
  font-size: 1.125rem; /* 18px */
  line-height: 1.45;
  font-weight: 500;
}



/* LCP FIX — Force immediate render of hero text */
.lcp-text,
.lcp-text * {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}