/*
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
*/

/* Gravity Forms overrides moved to separate file and enqueued via functions.php */

/* -----------------------------
   HEADER ICON TOOLTIPS
----------------------------- */
#header-outer #top nav ul.buttons,
#header-outer #top nav ul.buttons > li,
#header-outer #top nav ul.buttons > li > div,
#header-outer #top nav ul.buttons .cart-outer,
#header-outer #top nav ul.buttons .cart-menu-wrap,
#header-outer #top nav ul.buttons .cart-menu {
  overflow: visible !important;
}

#header-outer #top nav ul.buttons .nutec-header-tooltip-host {
  position: relative !important;
}

#header-outer #top nav ul.buttons .nutec-header-tooltip {
  background: #ffffff;
  border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  color: #111111;
  font-size: 12px;
  font-weight: 700;
  left: 50%;
  line-height: 1.2;
  opacity: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  text-transform: none;
  top: calc(100% + 12px);
  transform: translateX(-50%) translateY(-4px);
  transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
  visibility: hidden;
  white-space: nowrap;
  z-index: 1000000;
}

#header-outer #top nav ul.buttons .nutec-header-tooltip::before {
  border: 6px solid transparent;
  border-bottom-color: #ffffff;
  bottom: 100%;
  content: "";
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}

#header-outer #top nav ul.buttons .nutec-header-tooltip-host--cart .nutec-header-tooltip,
#header-outer #top nav ul.buttons #nectar-user-account .nutec-header-tooltip {
  left: 50%;
  right: auto;
  top: calc(50% + 22px);
  transform: translateX(-50%) translateY(-4px);
}

#header-outer #top nav ul.buttons .nutec-header-tooltip-host--cart .nutec-header-tooltip::before,
#header-outer #top nav ul.buttons #nectar-user-account .nutec-header-tooltip::before {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

#header-outer #top nav ul.buttons .nutec-header-tooltip-host:hover > .nutec-header-tooltip,
#header-outer #top nav ul.buttons .nutec-header-tooltip-host:focus-within > .nutec-header-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  visibility: visible;
}

#header-outer #top nav ul.buttons .nutec-header-tooltip-host--cart:hover > .nutec-header-tooltip,
#header-outer #top nav ul.buttons .nutec-header-tooltip-host--cart:focus-within > .nutec-header-tooltip,
#header-outer #top nav ul.buttons #nectar-user-account:hover > .nutec-header-tooltip,
#header-outer #top nav ul.buttons #nectar-user-account:focus-within > .nutec-header-tooltip {
  transform: translateX(-50%) translateY(0);
}


/* -----------------------------
   GLOBAL TYPOGRAPHY
----------------------------- */
body {
  font-family: "Futura Std", sans-serif;
  font-weight: 400;
  line-height: 1.6em;
}

a {
  font-family: "Futura Std", sans-serif;
  line-height: 1.4;
}


h1, h2, h3, h4, h5, h6 {
  font-family: "Futura Std", sans-serif;
  font-weight: 900;
  line-height: 1.2;
}

h4 {
  font-weight: 900; /* Medium */
}

h5, h6 {
  font-weight: 900; /* Light */
}

.wpb_wrapper ul li {
  margin-bottom: 0.1em;
}

/* Complianz cookie banner uses list markup for legal links; remove theme bullets there. */
.tabbed[data-alignment="center"] .wpb_tabs_nav {
    text-align: center;
    font-size: 1.2em;
}

.custom_tabs .wpb_tabs_nav {
    text-align: center;
    font-size: 1.2em;
}

/* -----------------------------
   OPTIONAL CLASS FOR BAUHAUS
----------------------------- */
.bauhaus {
  font-family: "Bauhaus Demi", sans-serif;
  font-weight: normal;
}


/* -----------------------------
   COLOR CLASSES
----------------------------- */
.diamond-text { color: #111A21; }
.diamond-bg   { background-color: #111A21; }

.emerald-text { color: #009A69; }
.emerald-bg   { background-color: #009A69; }

.topaz-text   { color: #F5821F; }
.topaz-bg     { background-color: #F5821F; }

.granite-text { color: #D1AC54; }
.granite-bg   { background-color: #D1AC54; }

.saphire-text { color: #426AB3; }
.saphire-bg   { background-color: #426AB3; }

.amethyst-text { color: #6C3F98; }
.amethyst-bg   { background-color: #6C3F98; }

.quartz-text { color: #924986; }
.quartz-bg   { background-color: #924986; }

.ruby-text   { color: #C9242B; }
.ruby-bg     { background-color: #C9242B; }

.aquamarine-text { color: #00B0BD; }
.aquamarine-bg   { background-color: #00B0BD; }

/* -----------------------------
   BACKGROUND OVERRIDE
----------------------------- */
html, body {
  background-color: #000 !important;
}

/* -----------------------------
   WOO: PRODUCT IMAGE STYLING
----------------------------- */
.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  padding: 5%;
  border-radius: 10px;
  background-color: #000;
  box-sizing: border-box;
}

/* -----------------------------
   WOO: CENTER TEXT + BAUHAUS FONT
----------------------------- */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  text-align: center;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .button {
  font-family: "Bauhaus Demi", sans-serif;
  font-weight: normal;
}

/* -----------------------------
   CUSTOM LAYOUT UTILITIES
----------------------------- */
.bg-column {
  min-height: 600px;
}


body:not(.post-type-archive-product) .container,
body:not(.post-type-archive-product) .row.container,
.application-single-template,
.substrate-single-template,
.substrate-category-template {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

/* -----------------------------
   IMAGE STYLING FOR APPLICATIONS
----------------------------- */
.application-featured-image {
  aspect-ratio: 1 / 1;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px;
  display: block;
}

.vc_column-inner .wpb_wrapper,
.hover-wrap-inner img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* -----------------------------
   SUBSTRATE GRID STYLES
----------------------------- */
.substrate-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 40px;
  margin: 40px;
  align-items: center;
  align-content: center;
}

.substrate-card {
  background: #000;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s;
}

.substrate-card:hover {
  transform: translateY(-5px);
}

.substrate-image img {
  width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
  display: block;
}

.substrate-title {
  padding: 16px;
  font-size: 1.2em;
  margin: 0;
  text-align: center;
}

.substrate-excerpt {
  padding: 0 16px 16px;
  font-size: 0.95em;
  color: #fff;
  text-align: center;
}

.applications-desription {
  padding-top: 32px;
  font-size: 0.95em;
  color: #fff;
  text-align: left;
}

/* -----------------------------
   BREADCRUMB STYLES
----------------------------- */
.custom-breadcrumbs {
  margin: 40px 0;
  color: #fff;
  text-align: center;
}

.breadcrumbs-container a,
.custom-breadcrumbs a {
  color: #fff;
  text-decoration: underline;
}

.custom-breadcrumbs a:hover {
  opacity: 0.8;
}

/* -----------------------------
   FONT DEFINITIONS
----------------------------- */
@font-face {
  font-family: "Futura Std";
  src: url("/wp-content/themes/salient-child/assets/fonts/FuturaStd-Book.woff2") format("woff2"),
       url("/wp-content/themes/salient-child/assets/fonts/FuturaStd-Book.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("/wp-content/themes/salient-child/assets/fonts/FuturaStd-Medium.woff2") format("woff2"),
       url("/wp-content/themes/salient-child/assets/fonts/FuturaStd-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("/wp-content/themes/salient-child/assets/fonts/FuturaStd-Bold.woff2") format("woff2"),
       url("/wp-content/themes/salient-child/assets/fonts/FuturaStd-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Futura Std";
  src: url("/wp-content/themes/salient-child/assets/fonts/FuturaStd-Heavy.woff2") format("woff2"),
       url("/wp-content/themes/salient-child/assets/fonts/FuturaStd-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bauhaus Demi";
  src: url("/wp-content/themes/salient-child/assets/fonts/BauhausDemi.woff2") format("woff2"),
       url("/wp-content/themes/salient-child/assets/fonts/BauhausDemi.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}




body.tax-product_cat {
    background-color: #000 !important; /* Crna pozadina za body */
    color: #fff;
}


body.tax-product_cat .woocommerce-breadcrumb,
body.tax-product_cat .woocommerce-result-count {
    color: #ccc !important; /* Da se ne izgubi breadcrumb i opis */
}


body.tax-product_cat .container-wrap,
body.tax-product_cat #main-content {
    background-color: #000 !important; /* Crna i za sve unutrašnje kontejnere */
    color: #fff !important;
}
.application-image,
.substrate-image img {
  border-radius: 10px;
}
.applications-title,
.taxonomy-title {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px;
}

/* Two-column layout for taxonomy description */
.taxonomy-description {
  column-count: 2;
  column-gap: 2em;
  padding: 5%;
  text-align: justify;
  font-size: 1.2em;
  line-height: 1.6em;
}

@media (max-width: 768px) {
  .taxonomy-description {
    column-count: 1;
  }
}

.application-description { color: #fff;}

/* -----------------------------
   SUBSTRATE CATEGORY HEADER IMAGE STYLES
----------------------------- */
.substrate-category-header .vc_row-bg {
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 100%);
}

/* Utility: “in-container” rows */
.in-container-row {
  padding: 2% 0;
}


/* 
.custom-product-listing {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 3%;
  padding-top: 5%;
  padding-bottom: 5%;
}

*/

/* -----------------------------
   PRODUCT LISTING PAGE CLASSES
----------------------------- */

/* Wrapper for the entire product category page
.custom-product-category-page {
}
 */

/* Wrapper for each subcategory section */
.subcategory-section {
  margin-top: 5%;
}

/* Styles for the subcategory description */
.subcategory-description {
  margin-bottom: 10%;
}

/* === Product sub‑category heading === */
.subcategory-title {
  margin-top: 5%;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  text-align: left;
  border-bottom: 2px solid #e0e0e0;   /* subtle divider */
}

/* Styles for the category header section 
.category-header {
}

Styles for the category description
.category-description {
}

Styles for the category title (h1)
.category-title {
}

Wrapper for the list of products within a (sub)category
.product-list {
}

*/

/* Wrapper for each individual product entry */
.single-product-item {
  margin-bottom: 5%;
  margin-top: 5%;
}

/* Display the product image as a block and center it */
.single-product-item a > img {
  display: block;
  margin: 0 auto;
}

/* Vertically center description text alongside image/title */
.single-product-item .vc_row_inner {
  display: flex;
  align-items: center;
}

/* Ensure each column can flex to match heights */
.single-product-item .vc_column-inner {
  display: flex;
  flex-direction: column;
  justify-content: left;
}

/* Styles for the product’s title */
.product-name {
  text-align: left;
  font-size: 1.2em;
}

/* Styles for the product’s short description 
.product-short-description {
}

/* Styles for the “no products found” message 
.no-products {
}

*/


/* Styles from Additional CSS */


/* WooCommerce Shop Page Background */
.woocommerce-shop,
.woocommerce-page,
.woocommerce,
body.archive.post-type-archive.product {
    background-color: #000 !important;
}

/* Optional: Make product grid backgrounds match */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background-color: #000 !important;
    border: none;
}

/* Optional: Make product titles and prices readable */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price {
    color: #fff !important;
}

/* Optional: Adjust text color for shop page */
.woocommerce-page,
.woocommerce {
    color: #fff;
}



.flickity-page-dots {
  color: #fff;
}

.term-description {
  /* Adjusted: Minimum font-size: 0.75rem (12px), maximum: 1.5rem (24px),
     with a preferred scaling of 1.5vw + 0.75rem */
  font-size: clamp(0.75rem, 1.5vw + 0.75rem, 1.5rem);
  line-height: 1.6;
}

.print-head-card {
  background: #fff;
  /* or any other styling you prefer */
}

.print-head-title a {
  color: #333;
}

.manufacturer-link {
  color: #666;
}

.linked-products-list .linked-product-item a {
  color: #0073aa;
  text-decoration: underline;
}

.linked-products-list .linked-product-item a:hover {
  color: #005177;
} 

.leaflet-attribution-flag {
visibility: hidden;
}

/* === Hero blur effect =============================== */
.gradient-header.has-blur {
  position: relative;
  overflow: hidden;                /* keeps pseudo inside bounds */
}

.gradient-header.has-blur::before {
  content: "";
  position: absolute;
  inset: 0;                        /* fills the header */
  background: inherit;             /* copies the inline background-image */
  background-size: cover;
  background-position: center;
  filter: blur(12px);              /* <-- adjust strength here */
  transform: scale(1.07);          /* counteracts blur edge shrink */
  z-index: 0;                      /* stays behind real content */
}

/* keep text & buttons above the blur */
.gradient-header.has-blur > * {
  position: relative;
  z-index: 1;
}

/* Mini-cart: hide the “No products in the cart.” line + its button row */
.widget_shopping_cart .woocommerce-mini-cart__empty-message,
.widget_shopping_cart .woocommerce-mini-cart__buttons {
    display: none !important;
}

/* Front-end search inputs */
input[type="search"],
input[type="text"][name="s"] {
  font-family: "Futura Std", Arial, sans-serif;
}
/* —— Pill message ——————————————————————— */
.custom-pill-container{
  display:flex;                /* centre its child horizontally */
  justify-content:center;
  margin:1rem auto 2rem;
  max-width:100%;              /* let media‑queries shrink via padding instead of margins */
  padding-left:20%;
  padding-right:20%;           /* wide screens = larger side padding */
}

.custom-pill{
  display:inline-block;
  font-size:.9rem;
  font-weight:bold;
  color:#fff;
  background:#89925e;             /* dynamic colour can override inline */
  padding:2%;                  /* wide screens = 2 % padding */
  border-radius:999px;
  text-align:center;
}

/* ========== Narrow viewports (≤ 768 px) ========== */
@media (max-width:768px){
  .custom-pill-container{
    padding-left:5%;
    padding-right:5%;
  }
  .custom-pill{
    padding:10%;                /* extra room inside the pill */
    border-radius: 30px !important;
    width: 90%;
  }
}

/* Bigger year titles */
.nutimes-archive .toggle .toggle-title,
.nutimes-archive .toggle h2,
.nutimes-archive .toggle h3 {
  font-size: 28px;
  line-height: 1.25;
  font-weight: 600;
  color:#fff;
}

/* Fix Salient/Nectar toggle plus icon when inside .nectar-row */
.nectar-row .toggles .toggle .toggle-title:before {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.nectar-row .toggles .toggle.open .toggle-title:before {
  /* Depending on theme, minus is auto; if not, force it: */
  content: "–";
}

/* Accordion version ( [nutimes_archive] ) */
.nutimes-archive .na-year-btn,
.nutimes-archive .na-year-btn .na-icon:after,
.nutimes-archive .na-panel,
.nutimes-archive .na-months li,
.nutimes-archive .na-months a {
  color: #fff !important;
}

/* VC toggle version (only if you still use [nutimes_archive_vc]) */
.nutimes-archive .toggles .toggle .toggle-title,
.nutimes-archive .toggles .toggle .toggle-title a,
.nutimes-archive .toggles .toggle h2,
.nutimes-archive .toggles .toggle h3 {
  color: #fff !important;
}

/* =============================
   NUtimes Archive Font Override
   ============================= */
.nutimes-archive,
.nutimes-archive * {
  font-family: "Futura Std", sans-serif !important;
}


/* Header z-index fix - keep header above forms and dropdowns */
#header-outer,
.woocommerce #header-outer,
.woocommerce-page #header-outer,
body.woocommerce #header-outer,
body.woocommerce-page #header-outer {
  z-index: 999999 !important;
}

/* Header z-index fix */
#header-outer,
.woocommerce #header-outer,
.woocommerce-page #header-outer,
body.woocommerce #header-outer,
body.woocommerce-page #header-outer {
  z-index: 999999 !important;
}


/* Lower z-index on row backgrounds to stay below header */
.row-bg-wrap,
.row_col_wrap_12,
.wpb_row .row-bg-wrap {
  z-index: 1 !important;
}





/* -----------------------------
   FIX: Text descender clipping on animated underline links
   The Salient theme's animated underline effect clips descenders (g, y, p, q)
----------------------------- */
.wpb_text_column h4 a,
.wpb_text_column h3 a,
.wpb_text_column h2 a,
.wpb_text_column p a,
.wpb_wrapper h4 a,
.wpb_wrapper h3 a,
.wpb_wrapper h2 a,
.wpb_wrapper p a {
  display: inline-block;
  padding-bottom: 0.1em;
}


/* Improved line height for intro paragraphs */
.wpb_text_column h4 {
  line-height: 1.6;
}



/* Narrower pill container on applications page */
.custom-pill-container {
  max-width: 85%;
}

/* Ink series carousel - add bottom padding to text */
.flickity-slider .vc_column-inner .wpb_wrapper h4 {
  padding-bottom: 1rem;
}
.custom-pill {
  padding: 20px 30px !important;
}

.page-id-4061 .main-content .img-with-aniamtion-wrap .hover-wrap {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.page-id-4061 .main-content .img-with-aniamtion-wrap .img-with-animation {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Category header title separator - spacing only */
#page-header-bg .inner-wrap h1 {
    margin-bottom: 40px;
}