/* =========================
KEI SaaS Dashboard Layout
========================= */

/* Remove theme container restrictions */

body.woocommerce-account .site,
body.woocommerce-account .site-content,
body.woocommerce-account .content-area,
body.woocommerce-account .ast-container,
body.woocommerce-account .elementor-section,
body.woocommerce-account .elementor-container,
body.woocommerce-account .e-con-inner,
body.woocommerce-account .entry-content,
body.woocommerce-account main {
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}

/* Main dashboard wrapper */

body.woocommerce-account .woocommerce {
display: flex;
width: 100%;
max-width: 100%;
min-height: calc(100vh - 80px);
background: #0d0d0d;
}

/* Sidebar */

body.woocommerce-account .woocommerce-MyAccount-navigation {
width: 280px;
min-width: 280px;
background: #111111;
border-right: 1px solid rgba(255,255,255,0.05);
padding: 30px 20px;
}

/* Main content */

body.woocommerce-account .woocommerce-MyAccount-content {
flex: 1 !important;
padding-top: 40px !important;
padding-right: 50px !important;
padding-bottom: 40px !important;
padding-left: 70px !important;
background: #0d0d0d !important;
overflow-x: hidden !important;
}


/* Remove WooCommerce float layout */

body.woocommerce-account .woocommerce::before,
body.woocommerce-account .woocommerce::after {
display: none !important;
}

/* Remove page title spacing */

body.woocommerce-account .entry-header {
display: none;
}

/* Full-height app feeling */

body.woocommerce-account .site-main {
padding: 0 !important;
margin: 0 !important;
}

/* =====================================
KEI MAIN CONTENT SPACING
===================================== */

.kei-main {
padding-left: 50px !important;
padding-right: 40px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}

/* Better spacing from sidebar */

.kei-topbar,
.kei-section,
.kei-cards-grid,
.kei-actions-grid,
.kei-activity {
margin-left: 10px !important;

}

/* =====================================
HIDE POST THUMBNAILS
===================================== */

.post-thumbnail,
.wp-post-image,
.entry-image,
.featured-image,
.post-image,
.blog-image {
display: none !important;
}


/* =====================================
KEI DESIGN DROPS LAYOUT
===================================== */

/* Grid layout */

.blog-posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin-top: 40px;
}

/* Cards */

.blog-post-item {
background: linear-gradient(145deg, #111111, #171717);
border: 1px solid rgba(255,255,255,0.05);
border-radius: 24px;
padding: 30px;
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}

/* Hover */

.blog-post-item:hover {
transform: translateY(-4px);
border-color: rgba(255,255,255,0.1);
}

/* Glow effect */

.blog-post-item::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(circle at top right, rgba(29,75,142,0.18), transparent 45%);
pointer-events: none;
}

/* Hide thumbnails */

.post-thumbnail {
display: none !important;
}

/* Titles */

.post-title {
margin-bottom: 18px;
line-height: 1.2;
}

.post-title a {
color: #1d4b8e !important;
text-decoration: none;
font-size: 30px;
font-weight: 700;
transition: opacity 0.3s ease;
}

/* Hover */

.post-title a:hover {
opacity: 0.85;
}

/* Excerpt */

.post-excerpt {
color: rgba(255,255,255,0.75);
line-height: 1.8;
font-size: 16px;
}

/* Fake KEI label */

.blog-post-item::after {
content: "DESIGN DROP";
position: absolute;
top: 22px;
right: 22px;
font-size: 11px;
letter-spacing: 2px;
color: rgba(255,255,255,0.35);
}