/**
 * Coffee Shop V2 - Fixes & Overrides
 * Ensure all text is visible and animations work properly
 */

/* ============================================
   SPACING FIXES
   ============================================ */

/* Remove all extra spacing */
html, body {
    margin: 0 !important;
    padding: 0 !important;
}

main {
    margin: 0 !important;
    padding: 0 !important;
}

/* Navbar should be at top with no gap and always visible */
.navbar {
    margin-top: 0 !important;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* ============================================
   TEXT VISIBILITY FIXES
   ============================================ */

/* Ensure all important text is fully visible */
h1, h2, h3, h4, h5, h6,
p, span, div, a, li, td, th, label {
    opacity: 1 !important;
}

/* Stats counters must be visible */
.counter {
    opacity: 1 !important;
    color: var(--accent) !important;
}

/* Section titles */
.section-title,
.section-title::after {
    opacity: 1 !important;
}

/* Hero section text */
.hero-section h1,
.hero-section p,
.hero-section .btn {
    opacity: 1 !important;
}

/* Timeline text */
.timeline-content h4,
.timeline-content p,
.timeline-content .badge {
    opacity: 1 !important;
}

/* Product card text */
.product-card-title,
.product-card-category,
.product-card-price,
.price-current,
.price-old {
    opacity: 1 !important;
}

/* Feature text */
.coffee-ripple + h5,
.coffee-ripple + h5 + p {
    opacity: 1 !important;
}

/* ============================================
   COFFEE BEANS ENHANCEMENT
   ============================================ */

.coffee-beans-bg {
    z-index: 1 !important;
}

.coffee-bean {
    opacity: 0.95 !important;
    will-change: transform, opacity;
}

/* Add center line to coffee bean */
.coffee-bean::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 80%;
    background: rgba(0,0,0,0.3);
    border-radius: 2px;
}

/* ============================================
   ENSURE ANIMATIONS DON'T HIDE TEXT
   ============================================ */

/* Override GSAP opacity settings */
.fade-in-scroll,
.slide-from-left,
.slide-from-right,
.scale-up {
    opacity: 1 !important;
}

/* Ensure stagger animation children are visible */
.stagger-animation > * {
    opacity: 1 !important;
}

/* Product grid items */
.product-grid .product-card {
    opacity: 1 !important;
}

/* ============================================
   MORPHING BLOBS VISIBILITY
   ============================================ */

.morphing-blob {
    opacity: 0.3 !important;
    z-index: 0;
}

.morphing-bg {
    z-index: 0;
}

/* ============================================
   BUTTON TEXT
   ============================================ */

.btn,
.btn span,
.btn i {
    opacity: 1 !important;
}

/* ============================================
   NAVBAR TEXT
   ============================================ */

.navbar-brand,
.nav-link,
.dropdown-item {
    opacity: 1 !important;
}

/* ============================================
   FOOTER TEXT
   ============================================ */

footer,
footer h5,
footer p,
footer a,
footer li {
    opacity: 1 !important;
}

/* ============================================
   FORM TEXT
   ============================================ */

input,
select,
textarea,
label {
    opacity: 1 !important;
}

/* ============================================
   BADGES & ALERTS
   ============================================ */

.badge,
.alert {
    opacity: 1 !important;
}

/* ============================================
   CATEGORY & SPLIT SLIDER TEXT
   ============================================ */

.split-slide-content h2,
.split-slide-content p,
.split-slide-content .badge {
    opacity: 1 !important;
}

/* ============================================
   STAT NUMBERS
   ============================================ */

.hero-section .row p {
    opacity: 1 !important;
}

/* ============================================
   BREADCRUMB & PAGINATION
   ============================================ */

.breadcrumb,
.pagination {
    opacity: 1 !important;
}

.breadcrumb-item,
.page-link {
    opacity: 1 !important;
}

/* ============================================
   TABLE TEXT
   ============================================ */

table,
table th,
table td {
    opacity: 1 !important;
}

/* ============================================
   CARD TEXT
   ============================================ */

.card,
.card-title,
.card-text,
.card-body {
    opacity: 1 !important;
}

/* ============================================
   PERFORMANCE OPTIMIZATION
   ============================================ */

/* Enable GPU acceleration for animations */
.coffee-bean,
.morphing-blob,
.floating,
.floating-delayed {
    transform: translateZ(0);
    will-change: transform;
}
.text-align-justify{
    text-align: justify;
}
.text-align-center{
    text-align: center;
}
/* Smooth transitions */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}