/* Premium Journal UI Modernization CSS */
/* Recovery & Stabilization Rules */

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

:root {
    --primary-color: #0b3d91;
    --text-main: #333333;
    --bg-light: #f8f9fa;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--text-main);
    background-color: var(--bg-light);
    line-height: 1.6;
}

/* Defensive Layout Rules to prevent JS/Legacy Spacing Issues */
.row {
    height: auto !important; /* Force reset of JS-forced heights */
}

/* Fix for equalHeight targeting */
.same_height {
    display: flex;
    flex-direction: column;
}

.border_inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Targeted Footer Tightening (replacing aggressive flawed resets) */
.jms_foo {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    background: #fdfdfd !important;
}

.ftr_address {
    padding-bottom: 15px !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}

.ftr_socialicon {
    padding: 15px 0 !important;
    margin: 0 !important;
}

.ftr_menu {
    margin: 10px 0 !important;
}

.jms_footer_end {
    padding: 20px 0 !important;
    background-color: #272f39 !important;
}

/* Hide structural scroll-to-top displacement icons if they cause voids */
.scroll-to-top, #back-to-top, .mouse_scroll {
    display: none !important;
}

/* Enhanced Modern Card for Home Page Buttons */
.modern-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer;
    overflow: hidden;
}

.modern-card:hover {
    transform: translateY(-5px) scale(1.02) !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    border-color: var(--primary-color) !important;
}

.modern-card h5 {
    color: var(--primary-color) !important;
    letter-spacing: 0.5px !important;
    transition: color 0.3s ease !important;
}

.modern-card:hover h5 {
    color: #0d6efd !important; /* Slightly brighter blue on hover */
}

/* Bright Slideshow Titles/Labels */
nav.tabs ul li a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    opacity: 0.9;
    transition: all 0.2s ease !important;
}

nav.tabs ul li.current a {
    opacity: 1 !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
    border-bottom: 3px solid #ffffff !important;
}

nav.tabs ul li a:hover {
    opacity: 1 !important;
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

nav.tabs ul li a span {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Hero Section enhancement */
.hero-gradient {
    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Archives Slider Modernization */
.archives-slider-section {
    position: relative;
    padding-bottom: 20px;
}

.issue-thumb {
    transition: background-color 0.3s ease;
}

.hover-lift {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.08) !important;
}

#archive-carousel .owl-nav button {
    background: #ffffff !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.2s ease;
}

#archive-carousel .owl-nav button:hover {
    background: var(--primary-color) !important;
    color: #ffffff !important;
}

#archive-carousel .owl-nav button.owl-prev {
    left: -20px;
}

#archive-carousel .owl-nav button.owl-next {
    right: -20px;
}

#archive-carousel .card-body {
    background: #ffffff;
}