/* 
 * ArtificialDaily Custom Styles
 * Modern, compact header with indigo/purple color scheme
 */

/* ===== COLOR SCHEME OVERRIDES ===== */
:root {
    --pri-color: #6366f1 !important;
    --pri-dark-color: #4f46e5 !important;
    --grady-color: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%) !important;
}

/* ===== HEADER COMPACT STYLES ===== */
.mg-head-detail {
    padding: 8px 0 !important;
    background: linear-gradient(90deg, #1e1b4b 0%, #0f0f23 100%) !important;
}

.mg-nav-widget-area-back {
    padding: 15px 0 !important;
    background: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #0f0f23 100%) !important;
}

.mg-nav-widget-area-back .overlay {
    background: rgba(15, 15, 35, 0.7) !important;
}

/* Logo sizing */
.site-logo img {
    max-height: 50px !important;
    width: auto !important;
}

.site-title {
    font-size: 18px !important;
    margin: 0 !important;
}

.site-title a {
    color: #fff !important;
    font-weight: 700 !important;
}

.site-description {
    font-size: 12px !important;
    color: #a5a5b5 !important;
    margin: 2px 0 0 0 !important;
}

/* ===== NAVIGATION MENU ===== */
.mg-menu-full {
    background: linear-gradient(90deg, #1e1b4b 0%, #0f0f23 100%) !important;
    border-top: 1px solid rgba(99, 102, 241, 0.3) !important;
}

.navbar-wp {
    padding: 0 !important;
}

.navbar-wp .nav > li > a {
    color: #e0e0e0 !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.navbar-wp .nav > li > a:hover,
.navbar-wp .nav > li.active > a {
    color: #6366f1 !important;
    background: rgba(99, 102, 241, 0.1) !important;
}

/* Home button */
.homebtn {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
}

/* Search and bell buttons */
.msearch,
.btn-bell {
    color: #6366f1 !important;
    background: rgba(99, 102, 241, 0.1) !important;
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    transition: all 0.3s ease !important;
}

.msearch:hover,
.btn-bell:hover {
    background: #6366f1 !important;
    color: #fff !important;
}

/* ===== BUTTON COLOR OVERRIDES ===== */
.btn-theme,
button[type="submit"],
.btn-primary {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    border: none !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
}

.btn-theme:hover,
button[type="submit"]:hover,
.btn-primary:hover {
    background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.4) !important;
}

/* Links */
a {
    color: #6366f1 !important;
    transition: color 0.3s ease !important;
}

a:hover {
    color: #8b5cf6 !important;
}

/* Category tags */
.mg-blog-category a {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Post titles */
.mg-blog-post h4.title a:hover {
    color: #6366f1 !important;
}

/* Read more buttons */
.more-link {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
}

/* Scroll to top button */
.ta_upscr {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    color: #fff !important;
}

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 768px) {
    .mg-nav-widget-area-back {
        padding: 10px 0 !important;
    }
    
    .site-logo img {
        max-height: 40px !important;
    }
    
    .site-title {
        font-size: 16px !important;
    }
    
    .navbar-wp .nav > li > a {
        padding: 10px 15px !important;
    }
}

/* ===== FORM ELEMENTS ===== */
input[type="text"],
input[type="email"],
input[type="search"],
textarea {
    border: 1px solid rgba(99, 102, 241, 0.3) !important;
    border-radius: 6px !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2) !important;
    outline: none !important;
}

/* ===== PAGINATION ===== */
.pagination > .active > a,
.pagination > .active > span {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    border-color: #6366f1 !important;
}

.pagination > li > a:hover {
    background: rgba(99, 102, 241, 0.1) !important;
    color: #6366f1 !important;
}

/* ===== WIDGETS ===== */
.widget-title {
    border-bottom: 2px solid #6366f1 !important;
}

.widget-title::after {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
}

/* ===== BLOCKQUOTES - Human-written style ===== */
blockquote {
    border-left: 4px solid #6366f1 !important;
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%) !important;
    padding: 20px 25px !important;
    margin: 25px 0 !important;
    font-style: italic !important;
    color: #4a4a5a !important;
    border-radius: 0 8px 8px 0 !important;
    position: relative !important;
}

blockquote::before {
    content: '"' !important;
    font-size: 60px !important;
    color: #6366f1 !important;
    opacity: 0.3 !important;
    position: absolute !important;
    top: -10px !important;
    left: 15px !important;
    font-family: Georgia, serif !important;
    line-height: 1 !important;
}

blockquote p {
    margin: 0 !important;
    line-height: 1.8 !important;
    font-size: 16px !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ===== HEADINGS - Better hierarchy ===== */
.entry-content h2 {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1e1b4b !important;
    margin: 40px 0 20px 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #6366f1 !important;
    position: relative !important;
}

.entry-content h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 0 !important;
    width: 60px !important;
    height: 2px !important;
    background: linear-gradient(90deg, #6366f1, #8b5cf6) !important;
}

/* ===== PARAGRAPHS - Better readability ===== */
.entry-content p {
    font-size: 17px !important;
    line-height: 1.8 !important;
    color: #333 !important;
    margin-bottom: 20px !important;
}

/* ===== STRONG/BOLD - Better emphasis ===== */
.entry-content strong {
    color: #1e1b4b !important;
    font-weight: 700 !important;
}

/* ===== LINKS IN CONTENT ===== */
.entry-content a {
    color: #6366f1 !important;
    text-decoration: none !important;
    border-bottom: 1px solid transparent !important;
    transition: all 0.3s ease !important;
}

.entry-content a:hover {
    border-bottom-color: #6366f1 !important;
}

/* ===== HORIZONTAL RULE ===== */
.entry-content hr {
    border: none !important;
    height: 2px !important;
    background: linear-gradient(90deg, transparent, #6366f1, #8b5cf6, transparent) !important;
    margin: 40px 0 !important;
}

/* ===== AUTHOR BYLINE ===== */
.entry-content p em {
    color: #666 !important;
    font-size: 15px !important;
}

/* ===== ARTICLE HEADER ===== */
.mg-blog-post-box .single-post .entry-title {
    font-size: 36px !important;
    line-height: 1.3 !important;
    color: #1e1b4b !important;
    margin-bottom: 15px !important;
}

/* ===== POST META ===== */
.mg-blog-meta {
    font-size: 14px !important;
    color: #666 !important;
}

.mg-blog-meta a {
    color: #6366f1 !important;
}

/* ===== SELECTION COLOR ===== */
::selection {
    background: #6366f1 !important;
    color: #fff !important;
}

::-moz-selection {
    background: #6366f1 !important;
    color: #fff !important;
}

/* ===== SELECTION COLOR ===== */
::selection {
    background: #6366f1 !important;
    color: #fff !important;
}

::-moz-selection {
    background: #6366f1 !important;
    color: #fff !important;
}