.elementor-kit-14{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-14cb587:#0A142F;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-14 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Base (Astra + Elementor) ===== */
body{
  background:#111621;               /* navy */
  color:#DDE6EE;                    /* off-white text */
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{ color:#00C27A; text-decoration:none; }         /* emerald */
a:hover{ color:#00a869; }                         /* darker emerald */
hr, .divider{ border-color:rgba(255,255,255,0.08); }

/* ===== Reusable “card” pattern ===== */
/* Add class "card" to any Container or Section */
.card,
.elementor-widget-container.card{
  background:#111A3A;                             /* card bg */
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  padding:22px;
  box-shadow:0 10px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.03);
  transition:transform .18s ease;
}
.card:hover{ transform:translateY(-2px); }
.card h2, .card h3, .card h4{ color:#DDE6EE; margin-top:.2em; }
.card p{ color:#8AA0B4; }                         /* muted */

/* ===== Buttons (Elementor + Woo) ===== */
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit{
  background:#00C27A;
  color:#06121f;
  border:none;
  border-radius:999px;
  padding:12px 20px;
  font-weight:700;
  box-shadow:0 8px 20px rgba(0,194,122,.25);
}
.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover{
  background:#00a869;
  color:#04101b;
}

/* Ghost button (wrap button widget in container with class "btn-ghost") */
.btn-ghost .elementor-button{
  background:transparent;
  border:1px solid #00C27A;
  color:#00C27A;
}
.btn-ghost .elementor-button:hover{ background:rgba(0,194,122,.1); }

/* ===== Sections ===== */
.section-dark{ background:#0B1530; }
.section-card{
  background:#111520;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:24px;
}

/* ===== WooCommerce: product grid ===== */
.woocommerce ul.products li.product,
.woocommerce .products .product{
  background:#111A3A;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  padding:14px;
  box-shadow:0 10px 24px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.03);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  color:#DDE6EE; font-weight:700;
}
.woocommerce ul.products li.product .price{ color:#DDE6EE; font-weight:700; }
.woocommerce span.onsale{
  background:#00C27A; color:#06121f; border-radius:999px;
  box-shadow:0 8px 20px rgba(0,194,122,.25);
}

/* ===== WooCommerce: single product ===== */
.woocommerce div.product .product_title{ color:#DDE6EE; }
.woocommerce div.product p.price,
.woocommerce div.product span.price{ color:#DDE6EE; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a{ color:#8AA0B4; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{ color:#DDE6EE; }

/* ===== Forms / inputs ===== */
input[type="text"], input[type="email"], input[type="url"], input[type="password"],
input[type="search"], textarea, select, .woocommerce-input-wrapper .input-text{
  background:#0E1733; color:#DDE6EE;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:10px; padding:12px 14px;
}
input:focus, textarea:focus, select:focus{
  outline:2px solid rgba(0,194,122,.35);
}

/* ===== Cart / totals ===== */
.woocommerce table.shop_table,
.woocommerce-cart .cart-collaterals .cart_totals{
  background:#111A3A;
  border:1px solid rgba(255,255,255,0.08);
  border-radius:16px;
  color:#DDE6EE;
}
.woocommerce th, .woocommerce td{ color:#DDE6EE; }
.woocommerce .order-total, .woocommerce .cart-subtotal, .woocommerce .product-price{ color:#DDE6EE; }

/* ===== Notices ===== */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
  background:#0E1733; border-color:#00C27A; color:#DDE6EE;
}

/* ===== Header / Nav (Astra header or Elementor header template) ===== */
.site-header, header, .elementor-location-header{
  background:linear-gradient(180deg, #0C1633 0%, #08112A 100%);

  border-bottom:1px solid rgba(255,255,255,0.08);
}

/* ===== Lighter global text ===== */
body,
p, li,
.elementor-widget-text-editor { color:#F1F5FA; }    /* soft white */

/* Headings everywhere (Elementor + Astra) */
h1,h2,h3,h4,h5,h6,
.elementor-heading-title,
.site-title a,
.ast-site-title a { color:#FAFCFF; }                /* almost white */

/* Header + nav (Astra/Elementor header templates) */
.elementor-location-header,
.site-header { color:#F1F5FA; }

.elementor-location-header a,
.site-header .menu-link,
.main-header-menu > li > a,
.ast-builder-menu-1 .menu-link { color:#EAF2F8 !important; }

.elementor-location-header a:hover,
.site-header .menu-link:hover,
.main-header-menu > li > a:hover,
.ast-builder-menu-1 .menu-link:hover { color:#FFFFFF !important; }

/* Breadcrumbs (RankMath/Woo/Astra) */
.woocommerce-breadcrumb,
.rank-math-breadcrumb,
.rank-math-breadcrumb a,
.rank-math-breadcrumb span { color:#BFD2E5; }

/* WooCommerce titles/prices */
.woocommerce div.product .summary,
.woocommerce div.product .product_title,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .price { color:#F1F5FA; }

/* Forms + placeholders */
input, textarea, select { color:#F1F5FA; }
::placeholder { color:#B4C4D6; }

/* Footer */
.site-footer, .site-footer a { color:#EAF2F8; }


/* Page canvas background (solid) */
.site,
.site-content,
.ast-container,
.site-main,
.content-area,
.entry-content {
  background-color:#111214 !important; /* complementary to #0A142F */
}

/* If Astra is adding a white inner box, neutralize it */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post {
  background-color:transparent !important;
  box-shadow:none !important;
}

/* Optional: use a soft gradient instead of the solid color above */
/*
.site,
.site-content,
.ast-container,
.site-main,
.content-area {
  background:linear-gradient(180deg,#0A142F 0%, #0D1836 100%) !important;
}
*/

/* Site title (header) */
.site-title a { color:#EEF4FF !important; }

/* Page titles / H1s (Astra + Elementor) */
.entry-title,
.page-title,
h1.entry-title,
.ast-archive-title,
.elementor-heading-title.elementor-size-default,
.elementor-heading-title {
  color: !important;  /* near-white, not harsh */
}

/* Body text stays readable on the new canvas */
body,
p, li,
.elementor-widget-text-editor { color:#FFFDD0; }   /* soft white */

/* Uniform dark header (Astra) */
.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
.ast-desktop-header-wrap,
.ast-mobile-header-wrap {
  background: linear-gradient(180deg, #F1F5FA 0%, #EFE8D8 100%) !important;
  box-shadow: none !important;
}

/* Kill per-element backgrounds inside header cells */
.site-header .ast-container,
.site-header .ast-builder-grid-row,
.site-header .ast-builder-grid-row > *,
.site-header .ast-builder-layout-element,
.site-header [class*="ast-builder-menu"],
.site-header [class*="ast-builder-header"],
.site-header .site-branding {
  background: transparent !important;
}

/* Some Astra skins add before/after fills — remove */
.ast-primary-header-bar::before,
.ast-primary-header-bar::after,
.main-header-bar::before,
.main-header-bar::after {
  content: none !important;
}

/* Title & menu colors for contrast */
.site-title a,
.ast-site-title a,
.main-header-menu > li > a,
.ast-builder-menu-1 .menu-link {
  color: #EAF2F8 !important;
}
.main-header-menu > li > a:hover,
.ast-builder-menu-1 .menu-link:hover {
  color: #FFFFFF !important;
}

/* Optional: thin divider line under header */
.site-header { border-bottom: 1px solid rgba(255,255,255,0.08) !important; }

/* --- Shop panel --- */
.shop-wrap { padding:18px 18px; margin:0 0 18px; }
.shop-title { margin:0 0 10px; color:#FAFCFF; }

/* Layout */
.filters { display:flex; flex-wrap:wrap; gap:12px 16px; align-items:center; }
.filter-group { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.filter-label {
  font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:#BFD2E5; opacity:.9;
}

/* Chips */
.chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 12px; border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#EAF2F8; font-weight:600; line-height:1;
  transition:background .18s ease, border-color .18s ease, transform .18s ease;
}
.chip:hover{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.25); transform:translateY(-1px); }
.chip.active{ background:#00C27A; color:#06121f; border-color:transparent; }

/* Narrow screens */
@media (max-width:768px){
  .filters { gap:10px 12px; }
  .filter-label { width:100%; margin-bottom:2px; }
}

/* === FORCE UNIFORM DARK HEADER (ASTRA + ELEMENTOR) === */

/* Bar background on every header layer */
.site-header,
header.site-header,
.main-header-bar,
.ast-primary-header-bar,
.ast-desktop-header-wrap,
.ast-mobile-header-wrap,
.ast-above-header-bar,
.ast-below-header-bar,
.ast-header-break-point .main-header-bar,
.elementor-location-header {
  background: linear-gradient(180deg, #111520 0%, #111520 100%) !important;
  background-color: #0C1633 !important; /* fallback */
  box-shadow: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Remove any cell/element backgrounds inside the header */
.site-header .ast-container,
.site-header .ast-builder-grid-row,
.site-header .ast-builder-grid-row > *,
.site-header .site-branding,
.site-header [class*="ast-builder-menu"],
.site-header .ast-builder-layout-element {
  background: transparent !important;
}

/* Menu links: kill bg blocks, set readable colors */
.main-header-menu .menu-item > a,
.ast-builder-menu-1 .menu-link {
  background: transparent !important;
  color: #EAF2F8 !important;
}
.main-header-menu .menu-item:hover > a,
.main-header-menu .current-menu-item > a,
.ast-builder-menu-1 .menu-link:hover,
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link {
  background: transparent !important;
  color: #FFFFFF !important;
}

/* Site title color */
.site-title a, .ast-site-title a { color:##111520 !important; }

/* If Transparent Header is enabled, still force the dark bg */
.ast-theme-transparent-header .main-header-bar {
  background: linear-gradient(180deg, #0C1633 0%, #08112A 100%) !important;
}/* End custom CSS */