/*
 Theme Name:   Astra Child
 Theme URI:    https://wpastra.com/
 Description:  Astra Child Theme
 Author:       Antigravity
 Author URI:   https://antigravity.ai
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="reset"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
textarea:focus,
.wp-block-search__input:focus,
[data-section="section-header-mobile-trigger"]
  .ast-button-wrap
  .ast-mobile-menu-trigger-minimal:focus,
.ast-mobile-popup-drawer.active .menu-toggle-close:focus,
#ast-scroll-top:focus,
#coupon_code:focus,
#ast-coupon-code:focus {
  border-style: solid !important;
}

.ast-search-menu-icon.slide-search a:focus-visible:focus-visible,
.astra-search-icon:focus-visible,
#close:focus-visible,
a:focus-visible,
.ast-menu-toggle:focus-visible,
.site .skip-link:focus-visible,
.wp-block-loginout input:focus-visible,
.wp-block-search.wp-block-search__button-inside
  .wp-block-search__inside-wrapper,
.ast-header-navigation-arrow:focus-visible,
.ast-orders-table__row .ast-orders-table__cell:focus-visible,
a#ast-apply-coupon:focus-visible,
#ast-apply-coupon:focus-visible,
#close:focus-visible,
.button.search-submit:focus-visible,
#search_submit:focus,
.normal-search:focus-visible,
.ast-header-account-wrap:focus-visible,
.astra-cart-drawer-close:focus,
.ast-single-variation:focus,
.ast-button:focus,
.ast-builder-button-wrap:has(.ast-custom-button-link:focus),
.ast-builder-button-wrap .ast-custom-button-link:focus {
  outline-style: solid !important;
}

.wp-block-loginout input:focus {
  outline: thin solid !important;
}
.ast-separate-container {
  background-color: var(--ast-global-color-5) !important;
}

/* Custom global styling for ALL select elements */
select,
.woocommerce-ordering select,
.widget select,
.ast-dropdown-menu select,
select[name="archive-dropdown"] {
  border-radius: 20px !important;
  border: 1px solid #e1e4e8 !important;
  box-shadow: none !important;
  padding: 10px 40px 10px 20px !important;
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%23555555%22%20d%3D%22M10.293%203.293L6%207.586%201.707%203.293A1%201%200%2000.293%204.707l5%205a1%201%200%20001.414%200l5-5a1%201%200%2010-1.414-1.414z%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 12px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
  color: #444 !important;
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  height: auto !important;
  transition: all 0.3s ease !important;
  outline: none !important;
}

select:hover {
  border-color: var(--ast-global-color-0) !important;
}

select:focus {
  border-color: var(--ast-global-color-0) !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1) !important;
}

.trp-shortcode-switcher__wrapper {
  height: 35px;
}

.trp-language-item-name {
  display: none;
}
.trp-shortcode-overlay,
.trp-shortcode-switcher {
  padding: 0;
}

p:empty {
  display: none;
}

footer ul li {
  padding-bottom: 10px;
}

/* Contact Form 7 Custom Styling */
.wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 20px;
}

.wpcf7-form-control:not(.wpcf7-submit) {
  width: 100% !important;
  border-radius: 20px !important;
  border: 1px solid #e1e4e8 !important;
  padding: 14px 22px !important;
  background-color: #fdfdfd !important;
  transition: all 0.3s ease !important;
  font-size: 0.95rem !important;
  outline: none !important;
  box-shadow: none !important;
}

.wpcf7-form-control:not(.wpcf7-submit):focus {
  border-color: var(--ast-global-color-0) !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1) !important;
}

.wpcf7-submit {
  border-radius: 25px !important;
  padding: 10px 35px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

.wpcf7-form label {
  display: none;
}

::placeholder {
  color: #888;
  opacity: 0.8;
}

/* Fixed/Sticky Header */ 
#masthead {
  position: sticky;
  top: 0;
  z-index: 9999;
  width: 100%;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); /* Optional: subtle shadow when scrolling */
}


footer .menu-item {
  font-weight: 500 !important;
}

.blog .blog-layout-4 {
  padding: 0;
}

.blog .ast-blog-single-element.read-more {
  margin-bottom: 0;
}

.blog .entry-content.clear {
  display: none;
}

@media screen and (max-width: 768px) {
  .wp-singular #content .ast-container {
      padding: 0 16px !important;
  }
}