/*
Theme Name: Innovation974 Astra Child
Template: astra
Version: 1.0.0
*/

:root{
  --brand-navy:#0A1A2A;
  --brand-cyan:#00C0FF;
  --brand-gold:#D4AF37;
  --brand-white:#FFFFFF;

  --ast-global-color-0: var(--brand-cyan);
  --ast-global-color-1: #0099cc;
  --ast-global-color-2: var(--brand-navy);
  --ast-global-color-3: #334155;
  --ast-global-color-4: var(--brand-white);
  --ast-global-color-5: #F7FAFC;
  --ast-global-color-6: #E6EEF5;
  --ast-global-color-7: #CBD5E1;
  --ast-global-color-8: var(--brand-gold);

  --brand-radius:14px;
  --brand-shadow:0 10px 30px rgba(10,26,42,.08);
}

/* Elementor global tokens (keep Elementor pages consistent with brand) */
.elementor-kit-2885{
  --e-global-color-primary: var(--brand-cyan);
  --e-global-color-secondary: var(--brand-navy);
  --e-global-color-text: var(--brand-navy);
  --e-global-color-accent: var(--brand-gold);
  --e-global-typography-primary-font-family: "Tajawal";
  --e-global-typography-text-font-family: "Tajawal";
  --e-global-typography-accent-font-family: "Tajawal";
}

body{
  color: var(--brand-navy);
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  line-height: 1.7;
  background: var(--brand-white) !important;
}

html{
  background: var(--brand-white) !important;
}

.site,
.site-content,
.ast-site-content,
.ast-container,
.content-area,
.primary,
.ast-separate-container,
.ast-separate-container .site-content,
.ast-separate-container .ast-container,
.ast-plain-container,
.ast-plain-container .site-content{
  background: var(--brand-white) !important;
}

h1,h2,h3,h4,h5,h6{
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 900;
  line-height: 1.25;
}

/* Ensure WooCommerce single product typography uses Tajawal (override other fonts) */
.single-product .site-content,
.single-product .site-content *{
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

.single-product .site-content *:not(i):not(svg):not(path){
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

.woocommerce.single-product div.product .product_title,
.woocommerce.single-product div.product .woocommerce-product-details__short-description,
.woocommerce.single-product div.product .summary,
.woocommerce.single-product div.product .summary *,
.woocommerce.single-product .woocommerce-breadcrumb,
.woocommerce.single-product .product_meta,
.woocommerce.single-product .woocommerce-tabs,
.woocommerce.single-product .woocommerce-tabs *{
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

/* Elementor widgets typography override (code-only fix) */
.elementor,
.elementor *{
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

.elementor .elementor-heading-title,
.elementor .elementor-widget-heading .elementor-heading-title,
.elementor .elementor-widget-text-editor,
.elementor .elementor-widget-text-editor *,
.elementor .elementor-widget-theme-post-title,
.elementor .elementor-widget-theme-post-title *,
.elementor .elementor-widget-woocommerce-product-title,
.elementor .elementor-widget-woocommerce-product-title *,
.elementor .elementor-widget-woocommerce-product-content,
.elementor .elementor-widget-woocommerce-product-content *,
.elementor .elementor-widget-woocommerce-product-short-description,
.elementor .elementor-widget-woocommerce-product-short-description *{
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

.single-product .elementor .elementor-heading-title,
.single-product .elementor .elementor-widget-text-editor,
.single-product .elementor .elementor-widget-text-editor *,
.single-product .elementor .elementor-widget-theme-post-title,
.single-product .elementor .elementor-widget-theme-post-title *,
.single-product .elementor .elementor-widget-woocommerce-product-title,
.single-product .elementor .elementor-widget-woocommerce-product-title *,
.single-product .elementor .elementor-widget-woocommerce-product-short-description,
.single-product .elementor .elementor-widget-woocommerce-product-short-description *{
  font-family: "Tajawal", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

a{
  color: var(--brand-navy);
}

.site-header,
.site-header *{
  color: var(--brand-navy);
}

.site-header a,
.main-header-menu a,
.ast-builder-menu-1 .main-header-menu a,
.ast-builder-menu-2 .main-header-menu a,
.ast-mobile-header-wrap a,
.ast-header-account-wrap a,
.ast-header-search a{
  color: var(--brand-navy) !important;
}

.site-header a,
.site-header a *,
.ast-mobile-header-wrap a,
.ast-mobile-header-wrap a *{
  opacity: 1 !important;
}

.elementor-location-header,
.elementor-location-header .elementor-section,
.elementor-location-header .elementor-container{
  background: var(--brand-white) !important;
}

.elementor-location-header a,
.elementor-location-header .elementor-icon-list-item,
.elementor-location-header .elementor-icon-list-item a,
.elementor-location-header .elementor-icon-list-text,
.elementor-location-header .elementor-nav-menu a{
  color: var(--brand-navy) !important;
  opacity: 1 !important;
}

.elementor-location-header .elementor-icon,
.elementor-location-header .elementor-icon svg,
.elementor-location-header svg,
.elementor-location-header svg path{
  fill: var(--brand-navy) !important;
  stroke: var(--brand-navy) !important;
}

#masthead,
.ast-main-header-wrap,
.main-header-bar,
.ast-header-break-point .main-header-bar{
  background: var(--brand-white) !important;
  background-image: none !important;
}

.site-header .ast-icon,
.site-header .ast-icon svg,
.site-header svg,
.site-header svg path,
.ast-mobile-header-wrap .ast-icon,
.ast-mobile-header-wrap .ast-icon svg,
.ast-mobile-header-wrap svg,
.ast-mobile-header-wrap svg path{
  fill: var(--brand-navy) !important;
  stroke: var(--brand-navy) !important;
}

.site-header a:hover,
.site-header a:focus,
.site-header a:hover .ast-icon,
.site-header a:focus .ast-icon,
.site-header a:hover svg,
.site-header a:focus svg,
.site-header a:hover svg path,
.site-header a:focus svg path{
  color: var(--brand-cyan) !important;
  fill: var(--brand-cyan) !important;
  stroke: var(--brand-cyan) !important;
}

.site-header,
.ast-primary-header-bar,
.ast-mobile-header-wrap,
.ast-desktop-header,
.ast-header-sticked .site-header,
.ast-header-sticked .ast-primary-header-bar,
.ast-transparent-header .site-header,
.ast-transparent-header .ast-primary-header-bar,
.ast-theme-transparent-header .site-header,
.ast-theme-transparent-header .ast-primary-header-bar{
  background: var(--brand-white) !important;
  background-image: none !important;
}

.ast-transparent-header #masthead,
.ast-theme-transparent-header #masthead{
  position: relative !important;
}

.ast-transparent-header .ast-main-header-wrap,
.ast-theme-transparent-header .ast-main-header-wrap{
  background: var(--brand-white) !important;
}

.ast-transparent-header .main-header-bar,
.ast-theme-transparent-header .main-header-bar{
  background: var(--brand-white) !important;
}

body.ast-theme-transparent-header .site-header .main-header-menu > li > a,
body.ast-transparent-header .site-header .main-header-menu > li > a,
body.ast-theme-transparent-header .site-header .main-header-menu > li > .menu-link,
body.ast-transparent-header .site-header .main-header-menu > li > .menu-link,
body.ast-theme-transparent-header .site-header .main-header-menu a,
body.ast-transparent-header .site-header .main-header-menu a{
  color: var(--brand-navy) !important;
  opacity: 1 !important;
}

body.ast-theme-transparent-header .site-header .ast-icon,
body.ast-transparent-header .site-header .ast-icon,
body.ast-theme-transparent-header .site-header .ast-icon svg,
body.ast-transparent-header .site-header .ast-icon svg,
body.ast-theme-transparent-header .site-header svg,
body.ast-transparent-header .site-header svg,
body.ast-theme-transparent-header .site-header svg path,
body.ast-transparent-header .site-header svg path{
  fill: var(--brand-navy) !important;
  stroke: var(--brand-navy) !important;
}

body.ast-theme-transparent-header .site-header .ast-header-woo-cart a,
body.ast-transparent-header .site-header .ast-header-woo-cart a,
body.ast-theme-transparent-header .site-header .ast-header-search a,
body.ast-transparent-header .site-header .ast-header-search a,
body.ast-theme-transparent-header .site-header .ast-header-account a,
body.ast-transparent-header .site-header .ast-header-account a{
  opacity: 1 !important;
}

.ast-primary-header-bar{
  border-bottom: 1px solid rgba(10,26,42,.08);
}

.ast-primary-header-bar,
.ast-mobile-header-wrap{
  padding-top: 10px;
  padding-bottom: 10px;
}

.site-branding img,
.custom-logo-link img,
img.custom-logo{
  max-height: 44px;
  width: auto;
}

.site-title,
.site-description{
  display: none !important;
}

.site-branding .site-title,
.site-branding .site-description,
.ast-logo-title-inline .site-title,
.ast-logo-title-inline .site-description{
  display: none !important;
}

@media (max-width: 921px){
  .site-branding img,
  .custom-logo-link img,
  img.custom-logo{
    max-height: 38px;
  }
}

.ast-header-search,
.ast-header-account,
.ast-header-woo-cart{
  color: var(--brand-navy);
}

.ast-header-search a,
.ast-header-account a,
.ast-header-woo-cart a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
}

.ast-woo-cart-count{
  background: var(--brand-cyan) !important;
  color: var(--brand-navy) !important;
  font-weight: 800;
}

a:hover{
  color: var(--brand-cyan);
}

.ast-button,
.button,
button,
input[type="button"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  background: var(--brand-cyan);
  border-color: var(--brand-cyan);
  color: var(--brand-navy);
  border-radius: var(--brand-radius);
  font-weight: 700;
}

.ast-button:hover,
.button:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover{
  background: var(--brand-navy);
  border-color: var(--brand-navy);
  color: var(--brand-white);
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  border-radius: var(--brand-radius);
  box-shadow: var(--brand-shadow);
  overflow: hidden;
  border: 1px solid rgba(10,26,42,.08);
  background: var(--brand-white);
  transition: transform .18s ease, box-shadow .18s ease;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 44px rgba(10,26,42,.12);
}

.woocommerce ul.products li.product a img{
  border-radius: 0;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link{
  display: block;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img{
  width: 100%;
  height: 230px;
  object-fit: contain;
  background: #fff;
}

@media (max-width: 921px){
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link img,
  .woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link img{
    height: 200px;
  }
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color: var(--brand-navy);
  font-weight: 800;
  font-size: 16px;
  line-height: 1.35;
  padding: 10px 14px 0 14px;
  min-height: 44px;
}

.woocommerce ul.products li.product .price{
  padding: 6px 14px 0 14px;
}

.woocommerce ul.products li.product .star-rating{
  margin: 10px 14px 0 14px;
  float: none;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button{
  margin: 12px 14px 14px 14px;
  width: calc(100% - 28px);
  text-align: center;
}

.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .price ins{
  display: inline-block;
}

.woocommerce ul.products li.product .price{
  line-height: 1.4;
}

/* Product list widgets (Best sellers / Top rated / Recent) */
.woocommerce .product_list_widget li,
.woocommerce-page .product_list_widget li{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
}

.woocommerce .product_list_widget li a,
.woocommerce-page .product_list_widget li a{
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
}

.woocommerce .product_list_widget li img,
.woocommerce-page .product_list_widget li img{
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 12px;
  margin: 0 !important;
  flex: 0 0 56px;
}

.woocommerce .product_list_widget .product-title,
.woocommerce-page .product_list_widget .product-title{
  display: block;
  color: var(--brand-navy);
  font-weight: 800;
  line-height: 1.35;
}

.woocommerce .product_list_widget .star-rating,
.woocommerce-page .product_list_widget .star-rating{
  float: none;
  margin: 6px 0 0 0;
}

.woocommerce .product_list_widget .amount,
.woocommerce-page .product_list_widget .amount{
  color: var(--brand-gold) !important;
  font-weight: 900;
}

.woocommerce ul.products li.product .price{
  color: var(--brand-gold);
  font-weight: 900;
}

.woocommerce span.onsale{
  background: var(--brand-gold);
  color: var(--brand-navy);
  border-radius: 999px;
  padding: .4em .8em;
  min-height: auto;
  line-height: 1;
  font-weight: 800;
  box-shadow: 0 8px 22px rgba(10,26,42,.12);
}

.woocommerce ul.products li.product .onsale{
  top: 12px;
  left: 12px;
  right: auto;
}

.rtl .woocommerce ul.products li.product .onsale{
  right: 12px;
  left: auto;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price{
  color: var(--brand-gold);
  font-weight: 900;
}

.woocommerce div.product .product_title{
  color: var(--brand-navy);
  font-weight: 900;
}

.woocommerce div.product form.cart .button{
  min-height: 48px;
  padding-left: 20px;
  padding-right: 20px;
}

.woocommerce div.product .woocommerce-product-rating .star-rating span{
  color: var(--brand-gold);
}

.woocommerce-message,
.woocommerce-info{
  border-top-color: var(--brand-cyan);
}

.woocommerce-error{
  border-top-color: var(--brand-gold);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="search"],
textarea,
select{
  border-radius: 12px;
  border-color: rgba(10,26,42,.18);
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus{
  border-color: var(--brand-cyan);
  box-shadow: 0 0 0 3px rgba(0,192,255,.18);
}

.woocommerce-cart .order-total .amount,
.woocommerce-checkout .order-total .amount,
.woocommerce-checkout-review-order .amount,
.woocommerce .cart_totals .amount{
  color: var(--brand-gold);
  font-weight: 900;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  color: var(--brand-navy);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color: var(--brand-cyan);
}

/* Sidebar / Filters */
.woocommerce .widget,
.woocommerce-page .widget{
  background: var(--brand-white);
  border: 1px solid rgba(10,26,42,.08);
  border-radius: var(--brand-radius);
  box-shadow: var(--brand-shadow);
  padding: 16px;
}

/* Archive spacing (Shop / Category) */
.woocommerce.archive .site-content,
.woocommerce-page.archive .site-content{
  padding-top: 24px;
}

.woocommerce.archive .woocommerce-products-header,
.woocommerce-page.archive .woocommerce-products-header{
  margin: 0 0 18px 0;
  padding: 0;
}

.woocommerce.archive .woocommerce-products-header__title,
.woocommerce-page.archive .woocommerce-products-header__title,
.woocommerce.archive .page-title,
.woocommerce-page.archive .page-title{
  color: var(--brand-navy);
  font-weight: 900;
  margin: 0 0 8px 0;
}

.woocommerce.archive .term-description,
.woocommerce-page.archive .term-description,
.woocommerce.archive .archive-description,
.woocommerce-page.archive .archive-description{
  margin: 0 0 12px 0;
  color: rgba(10,26,42,.75);
}

.woocommerce.archive .woocommerce-result-count,
.woocommerce-page.archive .woocommerce-result-count,
.woocommerce.archive .woocommerce-ordering,
.woocommerce-page.archive .woocommerce-ordering{
  margin-top: 8px;
  margin-bottom: 14px;
}

.woocommerce.archive .woocommerce-ordering select,
.woocommerce-page.archive .woocommerce-ordering select{
  background: var(--brand-white);
}

.woocommerce .widget-title,
.woocommerce-page .widget-title{
  color: var(--brand-navy);
  font-weight: 900;
  font-size: 16px;
  margin: 0 0 12px 0;
}

.woocommerce .widget a,
.woocommerce-page .widget a{
  color: var(--brand-navy);
}

.woocommerce .widget a:hover,
.woocommerce-page .widget a:hover{
  color: var(--brand-cyan);
}

/* Product search widget */
.woocommerce-product-search{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

.woocommerce-product-search input[type="search"]{
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(10,26,42,.14);
  padding: 0 14px;
  color: var(--brand-navy);
  background: var(--brand-white);
}

.woocommerce-product-search input[type="search"]::placeholder{
  color: rgba(10,26,42,.45);
}

.woocommerce-product-search button,
.woocommerce-product-search input[type="submit"]{
  min-height: 44px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 12px;
  background: var(--brand-cyan);
  border-color: var(--brand-cyan);
  color: var(--brand-navy);
  font-weight: 900;
}

.woocommerce-product-search button:hover,
.woocommerce-product-search input[type="submit"]:hover{
  background: var(--brand-navy);
  border-color: var(--brand-navy);
  color: var(--brand-white);
}

.woocommerce-product-search button{
  width: 46px;
  padding: 0;
}

.woocommerce-product-search button svg,
.woocommerce-product-search button i{
  font-size: 18px;
}

/* Price filter slider */
.woocommerce .widget_price_filter .price_slider_wrapper,
.woocommerce-page .widget_price_filter .price_slider_wrapper{
  margin-top: 10px;
}

.woocommerce .widget_price_filter .ui-slider,
.woocommerce-page .widget_price_filter .ui-slider{
  background: rgba(10,26,42,.12);
  border-radius: 999px;
  height: 6px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-range{
  background: var(--brand-cyan);
  border-radius: 999px;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle{
  width: 18px;
  height: 18px;
  top: -6px;
  border-radius: 50%;
  border: 3px solid var(--brand-white);
  background: var(--brand-navy);
  box-shadow: 0 10px 22px rgba(10,26,42,.18);
}

.woocommerce .widget_price_filter .price_label,
.woocommerce-page .widget_price_filter .price_label{
  color: var(--brand-navy);
  font-weight: 800;
}

.woocommerce .widget_price_filter .button,
.woocommerce-page .widget_price_filter .button{
  background: var(--brand-navy);
  border-color: var(--brand-navy);
  color: var(--brand-white);
}

.woocommerce .widget_price_filter .button:hover,
.woocommerce-page .widget_price_filter .button:hover{
  background: var(--brand-cyan);
  border-color: var(--brand-cyan);
  color: var(--brand-navy);
}

/* Widget lists */
.woocommerce .widget ul,
.woocommerce-page .widget ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce .widget ul li,
.woocommerce-page .widget ul li{
  padding: 8px 0;
  border-bottom: 1px dashed rgba(10,26,42,.12);
}

.woocommerce .widget ul li:last-child,
.woocommerce-page .widget ul li:last-child{
  border-bottom: 0;
}

/* Sorting dropdown (shop) */
.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select{
  border-radius: 12px;
  border-color: rgba(10,26,42,.18);
  min-height: 44px;
}

/* RTL polish */
.rtl .woocommerce-product-search{
  grid-template-columns: auto 1fr;
}

.rtl .woocommerce-product-search input[type="search"]{
  text-align: right;
}

.ast-primary-header-bar,
.site-header{
  background: var(--brand-white);
}

/* Footer (light) */
.site-footer,
#colophon{
  background: var(--brand-white);
  color: var(--brand-navy);
}

.site-footer a,
#colophon a{
  color: var(--brand-navy);
}

.site-footer a:hover,
#colophon a:hover{
  color: var(--brand-cyan);
}

/* Elementor footer text/link colors (narrow scope to footer only) */
.elementor-location-footer,
.elementor-location-footer p,
.elementor-location-footer span,
.elementor-location-footer li{
  color: var(--brand-navy) !important;
}

.elementor-location-footer a,
.elementor-location-footer .elementor-widget a,
.elementor-location-footer .elementor-icon-list-item a,
.elementor-location-footer .elementor-icon-list-text{
  color: var(--brand-navy) !important;
}

/* Elementor / WP menu links inside footer */
.elementor-location-footer a.menu-link,
.elementor-location-footer .menu a,
.elementor-location-footer .menu a.menu-link,
.elementor-location-footer .elementor-nav-menu a,
.elementor-location-footer .elementor-nav-menu--main a,
.elementor-location-footer .elementor-nav-menu--main a.menu-link{
  color: var(--brand-navy) !important;
}

.elementor-location-footer a.menu-link:hover,
.elementor-location-footer .menu a:hover,
.elementor-location-footer .menu a.menu-link:hover,
.elementor-location-footer .elementor-nav-menu a:hover,
.elementor-location-footer .elementor-nav-menu--main a:hover,
.elementor-location-footer .elementor-nav-menu--main a.menu-link:hover{
  color: var(--brand-cyan) !important;
}

.elementor-location-footer a:hover,
.elementor-location-footer .elementor-widget a:hover,
.elementor-location-footer .elementor-icon-list-item a:hover,
.elementor-location-footer .elementor-icon-list-text:hover{
  color: var(--brand-cyan) !important;
}

.elementor-location-footer .elementor-heading-title,
.elementor-location-footer .widget-title{
  color: var(--brand-navy) !important;
}

/* Astra small footer (copyright line) */
.ast-small-footer,
.ast-small-footer *,
.site-info,
.site-info *{
  color: var(--brand-navy) !important;
}

.ast-small-footer a:hover,
.site-info a:hover{
  color: var(--brand-cyan) !important;
}

/* Restore WooCommerce colors (prevent any accidental overrides) */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title,
.woocommerce div.product .product_title{
  color: var(--brand-navy) !important;
}

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce-cart .order-total .amount,
.woocommerce-checkout .order-total .amount,
.woocommerce-checkout-review-order .amount,
.woocommerce .cart_totals .amount{
  color: var(--brand-gold) !important;
}