/*
Theme Name: UricAcid.online
Description: A premium health site theme to manage your uric acid. Built with TailwindCSS + Elementor.
Version: 2.0
Author: Antigravity
Text Domain: uricacid
*/

/* =========================================================
   MINIMAL GLOBAL OVERRIDES
   (All design is handled by TailwindCSS loaded via functions.php)
   ========================================================= */

/* Ensure no-underline utility class works on <a> */
a.no-underline {
    text-decoration: none !important;
}

/* Material Symbols font variation */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
    line-height: 1;
}

/* WordPress Admin Bar offset */
html.admin-bar #site-header {
    top: 32px !important;
}

@media (max-width: 782px) {
    html.admin-bar #site-header {
        top: 46px !important;
    }
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Pagination styling for wp_pagination() */
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.5rem;
    font-weight: 700;
    font-size: 0.875rem;
    transition: all 0.2s;
    margin: 0 2px;
    text-decoration: none;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.page-numbers.current,
.page-numbers:hover {
    background: #25aff4;
    color: white;
    border-color: #25aff4;
}

/* Details / Summary (FAQ accordion) */
details summary::-webkit-details-marker {
    display: none;
}

/* WordPress content styles */
.entry-content p {
    margin-bottom: 1rem;
}

.entry-content h2,
.entry-content h3 {
    margin: 1.5rem 0 0.75rem;
    font-weight: 800;
}

.entry-content img {
    border-radius: 0.75rem;
    max-width: 100%;
}

.entry-content ul,
.entry-content ol {
    margin: 0 0 1rem 1.5rem;
}

/* Elementor canvas */
body.elementor-canvas-page {
    background: #fff;
}

body.elementor-page .site-main {
    padding: 0;
    margin: 0;
}