/**
Theme Name: skywear astra child theme
Author: Abdallah Salah
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: skywear-astra-child-theme
Template: astra
*/
/* CATEGORY THUMBNAIL IMAGES */
.category-banner {
  display: block !important;
  margin-bottom: 0px;
	margin-top: 45px !important;
}


.category-banner img {
/*   width: 100%;
  max-height: 400px;
  object-fit: cover;
  display: block; */
}


/* CONTACT PAGE */
.contactus-heading {
	margin-top: 100px !important;
	font-size: 1.5rem !important;
	font-weight: 800 !important;
	text-align: center !important;
}
#wpforms-3595 {
	margin-top: 0px !important;
	padding: 15px !important;
}
#wpforms-3595-field_1, #wpforms-3595-field_2, 
#wpforms-3595-field_3 {
	border-radius: 10px !important;
}
#wpforms-submit-3595 {
	border-radius: 5px !important;
}
/* POLICY PAGE */
body.privacy-policy div#page div#content div.ast-container {
	margin: 0px !important;
	padding: 0px !important;
}
#post-3 {
	padding: 0px !important;
}

.order-image-overlay {
  position: relative;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
  
}

.order-image-overlay .order-image {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.order-overlay-content {
  position: absolute;
  top: 65px;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px 10px !important;
  display: flex !important;
  flex-direction: column !important;
	align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
	gap: 50px !important;
 
  color: #FFFCF2 !important;
}


.order-text-block {
  margin: 0px !important;
	padding: 0px !important;
	 display: flex !important;
  flex-direction: column !important;
	align-items: center !important;
  justify-content: center !important;
}
.order-text-block2 {
  margin-top: 20px !important;
}

.order-text-block:last-child {
  margin-bottom: 0;
}
.order-text-block2:last-child {
  margin-bottom: 0;
}

.order-title {
  font-size: 1.1rem !important;
  font-weight: bold;
  margin-bottom: 0px !important;
  color: #FFBD4F !important;
}

.order-body {
  font-size: 1.1rem !important;
  line-height: 1.5;
  margin: 0px 15px !important;
  padding-top: 0px !important;
  max-width: 85%;
}
.order-body2 {
  font-size: 1.1rem !important;
  line-height: 1.5;
  margin: 0px 15px !important;
  padding-top: 25px !important;
  max-width: 85%;
}
.diffcolor {
	color: #FFBD4F !important;
}
@media (max-width: 768px) {
  .order-overlay-content {
    padding: 20px 15px;
  }

  .order-title {
    font-size: 1.5rem;
  }

  .order-body {
    font-size: 1rem;
    max-width: 95%;
  }
}
 
/* === Special Orders Component === */
.special-orders-box {
  text-align: center;
  max-width: 700px;
  margin: 40px auto;
  direction: rtl; /* important for Arabic text */
	
}

.special-orders-header {
  display: inline-block;
  background-color: #f7b544; /* soft orange like in the image */
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 10px 30px;
  border-radius: 50px; /* fully rounded pill shape */
  margin-bottom: 10px;
  text-align: center;
}

.special-orders-text {
  font-size: 1.1rem;
  line-height: 1.5;
  color: #333;
  margin: 0;
  text-align: center;
  max-width: 90%;
  margin-inline: auto;
}

/*********************************************************************************************************/
/* ABOUT PAGE */
.pxy {
	margin-right: 40px !important;
	margin-left: 40px !important;
}
.cus-arabic-font {
	font-weight: 800 !important;
	text-align: center !important;
	font-size: 1rem !important;
	margin: 0px 10px !important;
}
.cus-arabic-font2 {
	margin-top: 50px !important;
  font-family: "Tahoma", "Arial", sans-serif !important;
  font-weight: 1100 !important;
  transform: skewX(-15deg) !important;
  font-size: 24px !important;
  color: #004E89 !important; 
  text-align: center !important;
  letter-spacing: 0.5px !important; 
  word-spacing: 2px !important; 
}
body.tax-product_cat .ast-filter-wrap {
    display: none !important;
}
/* TEXT WITH IMAGE */
/* Container */
.image-overlay-box {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 600px; /* optional */
  text-align: center;
  overflow: hidden;
}

/* Image styling */
.image-overlay-box img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px; /* optional */
}

/* Text overlay container */
.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); /* center the whole text block */
  color: #FFFCF2;
  padding: 10px;
  width: 90%;
}

/* Title style */
.overlay-title {
  font-size: 20px !important;
  font-weight: bold;
  margin: 0px !important;
	color: #FFBD4F !important;
  font-family: "Tahoma", "Arial", sans-serif !important;
  font-weight: 1100 !important;
  font-size: 24px !important;
  text-align: center !important;
  letter-spacing: 0.5px !important; 
  word-spacing: 2px !important;
}

/* Body style */
.overlay-body {
  font-size: 1.1rem !important;
	font-weight: 100 !important;
  margin: 0px !important;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 4px;
}
.overlay-body2 {
  font-size: 0.98rem !important;
	font-weight: 100 !important;
  margin: 0px !important;
  line-height: 1.5;
  padding: 5px 10px;
  border-radius: 4px;
}

/***************************/
/* .custom-info-section {
  display: flex;
  justify-content: center;
  gap: 9px;
  text-align: center;
  direction: rtl;
  font-family: 'Cairo', sans-serif;

  flex-wrap: nowrap;
		
	
} */
.custom-info-section {
  display: flex;
  justify-content: center;
  gap: 2rem;
  text-align: center;
  direction: rtl;
  font-family: 'Cairo', sans-serif;
  margin-bottom: 20px !important;
	margin-top: 20px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
  flex-wrap: wrap;
}

/* Individual cards */
.custom-card {
  width: 250px;
  background: #FFFCF2;
  padding: 0.2rem;
  border-radius: 16px;
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
}

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

/* Header bubble */
.custom-card-header {
  display: inline-block;
  background-color: #F4A938;
  color: white;
  font-weight: bold;
  padding: 0.5rem 1rem;
  border-radius: 40px;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
	margin-top: 0.5rem;
  border: 2px  rgba(255,255,255,0.8); /* ✅ dashed text border effect */
}

/* Text styling */
.custom-card-text {
  color: #333;
  font-size: 1.1rem;
  line-height: 1.5;
margin: 0px 15px 15px 15px !important;
}


/*************************************************************************************
/* SEARCH ICON */
#custom-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
	
}

#custom-search-btn {
    background: transparent;
    border: none;
    cursor: pointer;
	padding: 0px !important;
}

/* Hidden search bar initially */
#custom-search-bar {
    position: fixed; /* overlay */
    top: 0;
    left: 0;
    width: 100%;
    height: 20dvh; 
    background: #FFFCF2;
    display: flex;
    justify-content: center; /* horizontally centered */
    align-items: flex-start;  /* align to top */
    padding-top: 20px;        /* space from top */
    transform: translateY(-100%);
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0;
    z-index: 999999;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
}

#custom-search-bar #ajax-search {
	width: 60% !important;
}
/* Active state */
#custom-search-wrapper.active #custom-search-bar {
    transform: translateY(0);
    opacity: 1;
}

/* Optional: style search input inside Ajax Search Lite */
#custom-search-bar .wpdreams-ajaxsearchlite {
    width: 80%;
}
button.promagnifier span.innericon svg path {
    fill: #004E89;  /* your desired color */
}
div#ajaxsearchlite1  {
	box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
	border-radius: 10px !important;
	
}
/**************************************************************************************************************************************************/
/* HEADER */

.site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999 !important;
  border-radius: 0 0 35px 35px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
}


.site-header,
.site-header .main-header-bar,
.site-header .ast-primary-header-bar,
.site-header .ast-above-header-bar {
  background-color: #FFFCF2 !important;
}
.ast-woo-header-cart-info-wrap {
	display: none !important;
}
/* CATEGORIES IN HOME PAGE*/
.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap.wp-block-button {
  display: flex !important;
  justify-content: center !important; 
  align-items: center !important;     
  margin: auto !important;
	
	
}

a.wp-block-button__link div.uagb-button__link {
	font-size: 18px !important;
}
.wp-block-uagb-container {
    padding-top: 0px !important;
	row-gap: 5px !important;
	
}

/********
/* Remove bottom margin from the image container */
.wp-block-uagb-image__figure {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Remove default margin between image and title */
.wp-block-uagb-buttons {
  margin-top: px !important; /* reduce this as needed */
  padding-top: 0 !important;
}

/* Optional: tighten the text itself */
.uagb-button__link {
  line-height: 1.2 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* PRODUCT CARD STYLES */
.woocommerce ul.products li.product .variations_form,
.woocommerce ul.products li.product .cfvsw_variations_form {
    display: none !important;
}

[swatches-attr="attribute_color"] div.cfvsw-swatches-option {
    border-radius: 50% !important;   

}


ul.products li {
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3) !important;
}
.astra-shop-thumbnail-wrap {
	padding: 10px 10px 0px 10px !important;
}
.astra-shop-summary-wrap {
	padding: 0px 10px 10px 10px !important;
}
div.astra-shop-summary-wrap div.review-rating div.star-rating {
	display: none !important;
}
.astra-shop-thumbnail-wrap a img {
    border-radius: 10px !important;
}

/* PRODUCT PAGE */
span.ast-shipping-text,
div.product_meta span.sku_wrapper {
	 display: none !important;
}
.wc-tabs::before,
.wc-tabs::after,
.wc-tabs li::before,
.wc-tabs li::after {
    content: none !important;
    display: none !important;
}
ul.wc-tabs {
	border: 1px solid #FFAC1A !important;
}
ul.wc-tabs li {
		padding-left: 9px !important;
}
.cfvsw-variation-disable-logic.variations {
	display: block;
}
/* Highlight the active WooCommerce tab */
.wc-tabs li.active,
.wc-tabs li[aria-selected="true"] {
    background-color: red; /* Change this to your preferred color */
    color: #fff;
    border-radius: 4px; /* Optional - gives rounded edges */
}

/* Also style the link inside the active tab */
.wc-tabs li.active a,
.wc-tabs li[aria-selected="true"] a {
    color: red;
}

/* Optional: style non-active tabs differently */
.wc-tabs li:not(.active) a {
    color: #555;
}

/* Add hover effect for inactive tabs */
.wc-tabs li:not(.active):hover {
    background-color: #e0e0e0;
}


/* Hide Guaranted Safe Checkout Component */
.ast-single-product-payments.ast-inherit-color-version {
    display: none !important;
}




/**************************************************************************************************************************************************/

/**************************************************************************************************************************************************/
/* HAMBURGER ICON AND MENU */
.custom-menu-toggle {
  color: #004E89;
  font-size: 22px;
  background: none !important;   /* kill yellow background */
  border: none;
  cursor: pointer;
  margin-bottom: 5px !important;
  padding-right: 5px !important;
  vertical-align: middle;
  z-index: 10001;
  transition: color 0.3s ease, text-shadow 0.3s ease;
  -webkit-tap-highlight-color: transparent; /* iOS tap highlight */
}

/* Remove default focus/active states */
.custom-menu-toggle:focus,
.custom-menu-toggle:active {
  outline: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* When menu is open, give shadowy transparent effect */
.custom-menu-toggle.active {
  color: rgba(0, 78, 137, 0.7); /* softer semi-transparent blue */
  text-shadow: 0 0 6px rgba(0,0,0,0.3);
}

/* Off-canvas menu */
.custom-offcanvas {
  position: fixed;
  top: 0;
  left: -300px;
  width: 300px;
  height: 100%;
  background: #FFFCF2;
  box-shadow: 2px 0 8px rgba(0,0,0,0.2);
  transition: left 0.3s ease;
  z-index: 10000;
  padding: 20px;
}
.custom-offcanvas.active {
  left: 0;
}

/* Close button inside menu */
.custom-offcanvas .custom-close {
  font-size: 22px;
  color: #004E89;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  margin-left: auto;
}

/* Overlay */
.custom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 9999;
}
.custom-overlay.active {
  opacity: 1;
  visibility: visible;
}
.custom-offcanvas ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.custom-offcanvas ul  {
	margin: 0px;
	padding: 0px;
}
.custom-offcanvas ul li a {
  color: #004E89;
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin: 12px 0;
  text-decoration: none;
  padding-bottom: 8px;              /* space before line */
  border-bottom: 1px solid #FFAC1A;   /* separator line */
}

.custom-offcanvas ul li:last-child a {
  border-bottom: none;  /* remove line after the last item */
}

#main div.ast-woocommerce-container {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
/**************************************************************************************************************************************************/
/* TEST */

form.woocommerce-ordering select.orderby {
  font-size: 16px;
  font-weight: normal;
  background-color: #FFFCF2 !important;
  color: black;
  appearance: none; /* removes default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  background-color: #004E89;
	background-image: none !important;
}



/* ============================
   Hide Archive Banner Title
============================ */
section.ast-archive-entry-banner div.ast-container h1 {
  display: none !important;
}

/* ============================
   Filters and Sorting Bar
============================ */

/* Wrapper */
div.ast-woocommerce-container div.filters-sorting-bar {
	display: flex;              /* make children in a row */
  justify-content: space-between; /* push first to start, last to end */
  align-items: center;
  margin: 0px 0 20px 0 !important;
  white-space: nowrap;      /* keep button and dropdown on same line */
}

/* Filters button */
.custom-filters-toggle {
	align-self: flex-start !important;
  display: inline-block;
  background: #FFFCF2;
  color: black;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid #ccc;
  cursor: pointer;
  height: 38px;
  line-height: 1.2;
  text-transform: none !important;
}

/* Sorting wrapper */
form.woocommerce-ordering {
  display: inline-block;
  align-self: flex-end !important;
  width: auto;
  margin: 0 !important;
}

/* Sorting select inside wrapper */
form.woocommerce-ordering select.orderby {
  width: auto;              /* adjust to content */
  min-width: 110px;
  padding: 0 16px 0 8px !important;    /* base padding */
  margin: 0 !important;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
  height: 38px;
  line-height: 1.2;
  vertical-align: middle;
  background: #fff;
  box-sizing: border-box;
  /* Ensure native arrow shows */
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
  padding-right: 24px;     /* space for native arrow */
}

/* ============================
   Off-canvas Filters Panel
============================ */

/* Panel container */
.custom-filters-offcanvas {
  position: fixed;
  top: 0;
  left: -320px;
  width: 300px;
  height: 100%;
  background: #FFFCF2;
  box-shadow: 2px 0 8px rgba(0,0,0,0.2);
  transition: left 0.3s ease;
  z-index: 10000;
  padding: 20px;
  overflow-y: auto;
}

.custom-filters-offcanvas.active {
  left: 0;
}

/* Close button inside panel */
.custom-filters-close {
  font-size: 22px;
  color: #004E89;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  margin-left: auto;
}

/* Overlay */
.custom-filters-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
  z-index: 9999;
}

.custom-filters-overlay.active {
  opacity: 1;
  visibility: visible;
}
.wpc-filters-submit-button {
	background-color: #004E89 !important;
}


/* CAROUSEL FOR PRODUCTS */
/* Horizontal carousel scrollbar */
.custom-carousel {
  display: flex;
  overflow-x: auto;
  gap: 2px;
  padding:  0px;
  scroll-behavior: smooth;
	list-style: none !important;
	margin-bottom: 30px !important;
	-webkit-overflow-scrolling: touch !important;
}

.custom-carousel::-webkit-scrollbar {
  height: 3px;
  background: rgba(0, 0, 0, 0); 
}

.custom-carousel::-webkit-scrollbar-thumb {
  background: #004E89;
	
  border-radius: 3px;
}

.custom-carousel .product {
  flex: 0 0 auto;
  width: 220px; /* adjust as needed */
}

h2.abdo {
	margin: 0px !important;
	padding: 0px !important;
}
h2.abdo2 {
	margin-left: 15px !important;
	margin-bottom: 0px !important;
}
/* Carousel product card */
/* Carousel product card */
div.custom-carousel li {
    border-radius: 10px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
    margin: 5px !important;
    margin-right: 0 !important;

    flex: 0 0 39%;          /* each card = 40% width → 2.5 visible */
    max-width: 39% !important;
    height: auto;      
    display: flex;
    flex-direction: column;
}

/* Image container */
div.custom-carousel li .astra-shop-thumbnail-wrap {
    padding: 10px 10px 0px 10px !important;
    display: flex;
    justify-content: center;
}

div.custom-carousel li .astra-shop-thumbnail-wrap span.ast-onsale-card {
    display: none !important;
}

/* Product image */
div.custom-carousel li .astra-shop-thumbnail-wrap a img {
    border-radius: 10px !important;
    width: 100%;       
    object-fit: cover;  
    max-height: 140px !important;   
}

/* Summary container */
div.custom-carousel li .astra-shop-summary-wrap {
    padding: 10px 10px 15px 10px !important;
    text-align: left;
    display: flex;
    flex-direction: column;   /* stack children vertically */
}

/* Product title */
div.custom-carousel li .astra-shop-summary-wrap a h2 {
    font-size: 1.25rem !important;  
    margin: 5px 0 !important;
    display: block;
}

/* Rating stars – force to new row */
div.custom-carousel li .astra-shop-summary-wrap .star-rating {
    display: block !important;
    margin: 0 !important;
    order: 2;                 /* ensure it comes after title */
    width: 100%;              /* take full row */
}

/* Price – force to new row below stars */
div.custom-carousel li .astra-shop-summary-wrap .price {
    display: block !important;
    margin: 0 !important;
    order: 3;                 /* ensure it comes after stars */
    width: 100%;              /* take full row */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    div.custom-carousel li {
        max-width: 180px;
    }
    div.custom-carousel li .astra-shop-thumbnail-wrap a img {
        height: 200px;  
        max-height: 220px;
    }
    div.custom-carousel li .astra-shop-summary-wrap a h2 {
        font-size: 1rem !important;
    }
}