/*!
Theme Name: solance
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: solance
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

solance is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* MOBILE: keep only flag icons, place them to the left of hamburger and center vertically */
@media (max-width: 768px) {
  /* target the translate wrapper — adjust id/class if your wrapper differs */
  #gt-wrapper-15367671,
  .gt_switcher_wrapper,
  .gtranslate_wrapper {
    position: fixed !important;
    top: 12px !important;           /* vertical position in header; tweak if needed */
    right: 64px !important;         /* distance from right edge (moves flags left) */
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px;                       /* space between flags */
    pointer-events: auto !important;
    background: transparent !important;
  }

  /* size the flag svg/png so it matches the header height */
  #gt-wrapper-15367671 img,
  .gt_switcher_wrapper img,
  .gtranslate_wrapper img {
    height: 24px !important;
    width: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  /* hide the language text labels — keep only flags */
  #gt-wrapper-15367671 span,
  .gt_switcher_wrapper span,
  .gtranslate_wrapper span,
  #gt-wrapper-15367671 .lang-text,
  .gt_switcher_wrapper .lang-text,
  .gtranslate_wrapper .lang-text {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }


  /* ===============================
     SINGLE PRODUCT PAGE BANNER
     =============================== */
  .single-products .header-wrapper.products-page-bg,
  .single-product .header-wrapper.products-page-bg {
    background-position: right center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 260px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  /* Product page text centered vertically & horizontally */
  .single-products .product_header_title h5,
  .single-product .product_header_title h5 {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important; /* center both ways */
    z-index: 10 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #006b43 !important;
    text-align: center !important;
    line-height: 1.2 !important;
    background: rgba(255, 255, 255, 0.45) !important;
    padding: 8px 12px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    width: 85% !important;
  }

  /* Slight adjustment for very small screens */
  @media (max-width: 420px) {
    .tax-product-category .header-wrap.header-bg,
    .single-products .header-wrapper.products-page-bg,
    .single-product .header-wrapper.products-page-bg {
      height: 220px !important;
    }

    .tax-product-category .header-wrap.header-bg h5,
    .single-products .product_header_title h5,
    .single-product .product_header_title h5 {
      font-size: 16px !important;
      padding: 6px 8px !important;
    }
  }
}
/* ===========================
   CATEGORY (archive) BANNER
   — image aligned left, text overlay centered on image
   Only targets category/archive pages: .tax-product-category
   =========================== */

.tax-product-category .header-wrap.header-bg,
.tax-product-category .header-wrapper.products-page-bg {
  /* force image to behave like the example: left-aligned and full cover */
  background-position: left center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 360px !important;           /* desktop height */
  position: relative !important;
  overflow: hidden !important;
}

/* The overlay title box on category banner */
.tax-product-category .product_header_title,
.tax-product-category .product_header_title h5,
.tax-product-category .header-wrap .product_header_title h5 {
  position: absolute !important;
  top: 50% !important;               /* vertically centered on banner */
  left: 35% !important;              /* nudge toward center-left like your example */
  transform: translate(-50%, -50%) !important;
  z-index: 20 !important;
  text-align: center !important;
  color: #006b43 !important;         /* green text color */
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  line-height: 1.1 !important;
  font-size: 28px !important;        /* desktop */
  width: auto !important;
  max-width: 60% !important;
  background: rgba(255,255,255,0.55) !important; /* readable background box */
  padding: 10px 14px !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}

/* Keep single product pages unaffected:
   (no selectors that match .single-products or .single-product are changed above)
*/

/* RESPONSIVE: adjust on mobile so text sits nicely and is single-line where possible */
@media (max-width: 768px) {
  .tax-product-category .header-wrap.header-bg,
  .tax-product-category .header-wrapper.products-page-bg {
    height: 220px !important;
  }

  .tax-product-category .product_header_title h5 {
    left: 50% !important;            /* center horizontally on small screens */
    transform: translate(-50%, -50%) !important;
    top: 45% !important;
    font-size: 16px !important;
    max-width: 88% !important;
    padding: 8px 10px !important;
    background: rgba(255,255,255,0.60) !important;
  }
}

/* extra small phones */
@media (max-width: 420px) {
  .tax-product-category .header-wrap.header-bg,
  .tax-product-category .header-wrapper.products-page-bg {
    height: 200px !important;
  }
  .tax-product-category .product_header_title h5 {
    font-size: 14px !important;
    padding: 6px 8px !important;
    top: 42% !important;
  }
}
/* Footer link color fix – Light Orange for visibility */
.site-footer a,
.footer a {
  color: #ffb84d !important;       /* warm, light orange – visible on green */
  font-weight: 600 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
}

/* Hover effect: brighter orange glow for attention */
.site-footer a:hover,
.footer a:hover {
  color: #ffd580 !important;       /* softer glowing orange on hover */
  text-shadow: 0 0 6px rgba(255, 184, 77, 0.8);
}