/*
Theme Name: Astra Child
Template: astra
Version: 2.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

/* ======================================
   GLOBAL DARK SYSTEM
====================================== */

:root{
  --bg-main: linear-gradient(135deg,#050B2B 0%,#0A1550 40%,#0F1F6E 100%);
  --bg-section: linear-gradient(135deg,#0A1550 0%,#0F1F6E 100%);
  --bg-card: #111D63;
  --bg-card-hover:#16277D;

  --accent1:#00C6FF;
  --accent2:#1F6BFF;

  --text-main:#EAF1FF;
  --text-soft:#A7B4FF;
}

/* ======================================
   HARD RESET EVERYTHING
====================================== */

html, body{
  background: var(--bg-main) !important;
  color: var(--text-main);
  font-family:'Poppins',sans-serif;
  overflow-x:hidden;
}

/* remove ALL white backgrounds */
.site,
.site-content,
.ast-container,
.ast-plain-container,
.content-area,
.entry-content,
.page-content,
.ast-builder-layout-element{
  background: transparent !important;
}

/* ======================================
   SECTION CONTROL
====================================== */

section,
.elementor-section{
  background: var(--bg-section);
  padding:0;
}

/* Add spacing ONLY where needed */
.hero-section{
  padding:100px 0;
}

/* Remove Astra inner white wrappers */
.ast-container{
  max-width:1300px;
}

/* ======================================
   HEADER COMPLETE DARK
====================================== */



/* ======================================
   TYPOGRAPHY
====================================== */

h1,h2,h3,h4,h5,h6{
  color: var(--text-main);
  font-weight:700;
}

p{
  color: var(--text-soft);
}

/* ======================================
   HERO SYSTEM
====================================== */

.hero-section{
  background: var(--bg-main);
  min-height:700px;
  display:flex;
  align-items:center;
}

.gradient-text{
  background: linear-gradient(90deg,#00C6FF,#1F6BFF);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

/* ======================================
   PREMIUM CARD SYSTEM
====================================== */

.premium-card,
.woocommerce ul.products li.product{
  background: var(--bg-card);
  border-radius:20px;
  box-shadow:0 20px 60px rgba(0,0,0,0.5);
  padding:25px;
  transition:0.3s ease;
  border:1px solid rgba(255,255,255,0.05);
}

.premium-card:hover,
.woocommerce ul.products li.product:hover{
  background: var(--bg-card-hover);
  transform: translateY(-8px);
  box-shadow:0 30px 80px rgba(0,0,0,0.7);
}

/* ======================================
   BUTTON SYSTEM
====================================== */



/* ======================================
   WOOCOMMERCE GRID
====================================== */

.woocommerce ul.products{
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
  gap:40px;
}

.woocommerce ul.products li.product h2{
  color:var(--text-main);
}

.woocommerce ul.products li.product .price{
  color:var(--accent1);
  font-weight:600;
}

/* ======================================
   SINGLE PRODUCT PAGE
====================================== */

.single-product .summary{
  background: var(--bg-card);
  border-radius:25px;
  padding:40px;
  box-shadow:0 20px 60px rgba(0,0,0,0.6);
}

.single-product .price{
  font-size:32px;
  font-weight:700;
  color:var(--accent1);
}

.woocommerce-tabs{
  background: var(--bg-card);
  border-radius:20px;
  padding:30px;
  margin-top:40px;
}

/* ======================================
   FOOTER FULL DARK
====================================== */

.site-footer{
  background: linear-gradient(135deg,#050B2B,#0A1550) !important;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,0.05);
}

.site-footer a{
  color:var(--text-soft);
}

.site-footer a:hover{
  color:var(--accent1);
}

/* ======================================
   SCROLLBAR
====================================== */

::-webkit-scrollbar{
  width:8px;
}
::-webkit-scrollbar-track{
  background:#050B2B;
}
::-webkit-scrollbar-thumb{
  background:#1F6BFF;
  border-radius:10px;
}

/* ======================================
   REMOVE ASTRA BOX SHADOW LINES
====================================== */

.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single{
  background:transparent !important;
  box-shadow:none !important;
}

/* ======================================
   FORCE WHITE HEADINGS
====================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.entry-title,
.widget-title {
    color: #FFFFFF !important;
}

/* Fix links inside headings */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #FFFFFF !important;
}

/* Keep gradient headings working */
.gradient-text {
    background: linear-gradient(90deg,#00C6FF,#1F6BFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ===============================
   ROUND HEADER LOGO
================================ */

.custom-logo-link img,
.site-logo-img img,
.ast-site-identity img {
    width: 60px !important;   /* adjust size */
    height: 60px !important;
    object-fit: cover;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,0.1);
    box-shadow: 0 8px 25px rgba(0,0,0,0.5);
    background: #0A1550;
    padding: 4px;
    transition: 0.3s ease;
}

/* Hover Effect */
.custom-logo-link img:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 35px rgba(0,198,255,0.6);
}

@media (max-width:768px){

/* ===== HEADER BACKGROUND ===== */
.site-header{
    background: linear-gradient(135deg,#08123D,#0E1F6D) !important;
    box-shadow: 0 8px 25px rgba(0,0,0,0.4);
}

/* Remove title */
.site-title,
.ast-site-title-wrap,
.site-description{
    display:none !important;
}

/* Main row */
.main-header-bar{
    padding:12px 18px !important;
    min-height:72px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

/* Remove builder gaps */
.ast-builder-grid-row,
.ast-builder-layout-element{
    padding:0 !important;
    margin:0 !important;
}

/* ===== LOGO (BIGGER + PREMIUM) ===== */
.custom-logo-link img{
    width:58px !important;
    height:auto !important;
    max-height:58px;
    border-radius:50%;
    padding:6px;
    background: linear-gradient(135deg,#0F1F6E,#16277D);
    box-shadow: 0 10px 30px rgba(0,0,0,0.6);
}

/* ===== TOGGLE (CIRCULAR PREMIUM) ===== */
.menu-toggle,
.ast-mobile-menu-trigger{
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    border-radius:50% !important;
    background: linear-gradient(135deg,#00C6FF,#1F6BFF) !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow: 0 8px 25px rgba(0,198,255,0.4);
    border:none !important;
}

/* Toggle icon */
.menu-toggle svg{
    width:18px !important;
    height:18px !important;
    fill:#ffffff !important;
}

/* Remove any lower row */
.ast-builder-layout-element[data-section="section-header-mobile-below"]{
    display:none !important;
}

}


.site-footer{
  margin:0 !important;
}

/* REMOVE EXTRA SECTION SPACE BEFORE FOOTER (FINAL FIX) */
section:empty,
.elementor-section:empty{
  display:none !important;
}