/* =============================================
   LITTLE ROCK INSIDER - City Color Override

   This file ONLY overrides the primary accent color.
   All other styles come from the universal variables.css

   Little Rock = Natural Arkansas = Forest Green
   ============================================= */

:root {
    /* Primary Accent - Forest Green for Arkansas nature */
    --primary-accent: #2D5A27;
    --primary-accent-dark: #1F3D1B;
    --primary-accent-light: #4a8542;
    --primary-accent-rgb: 45, 90, 39;

    /* Secondary Accent - Darker Forest Green */
    --secondary-accent: #1F3D1B;

    /* Button Text - White for better contrast on Forest Green */
    --button-text: #ffffff;

    /* Override Vegas legacy variables for Little Rock */
    --tx-orange: var(--primary-accent);
    --vg-accent: var(--primary-accent);

    /* Override Blocksy theme palette if not set */
    --theme-palette-color-1: #2D5A27;
    --theme-palette-color-2: #1F3D1B;
}

/* =============================================
   UNIVERSAL OVERRIDES - These NEVER change with accent
   HIGH SPECIFICITY to override all theme CSS
   ============================================= */

/* Rating badges - ALWAYS bright yellow - MAXIMUM SPECIFICITY */
.std-card-badge,
.badge-rating,
.rating-badge,
.std-card .std-card-badge,
/* Rating badges ONLY - yellow background */
.std-card-grid .std-card .std-card-badge,
body .std-card-badge,
body .badge-rating,
.bento-badge--rating,
body .bento-badge--rating {
    background: #F5C518 !important;
    background-color: #F5C518 !important;
    background-image: none !important;
    color: #000 !important;
}

/* Other hero badges - primary accent color (Forest Green) */
.bento-badge--reviews,
.bento-badge--cuisine,
.bento-badge--bestfor,
body .bento-badge--reviews,
body .bento-badge--cuisine,
body .bento-badge--bestfor {
    background: var(--primary-accent, #2D5A27) !important;
    color: var(--button-text, #ffffff) !important;
}

/* Badge containers MUST be transparent */
.bento-hero__badges,
body .bento-hero__badges {
    background: transparent !important;
    background-color: transparent !important;
}

/* LOCALS RECOMMEND label - ALWAYS white - MAXIMUM SPECIFICITY */
.std-card-recommend-label,
body .std-card-recommend-label,
.std-card .std-card-recommend-label,
.std-card-grid .std-card .std-card-recommend-label {
    color: #EDEDED !important;
}

/* =============================================
   REVIEW STARS - ALWAYS bright yellow
   Stars in reviews must be yellow, not green
   MAXIMUM SPECIFICITY to override all theme CSS
   ============================================= */
.vl-review-rating,
.vl-review-stars,
.review-stars,
.star-rating,
body .vl-review-rating,
body .vl-review-stars,
body .review-stars,
body .star-rating,
html body .vl-review-rating,
html body .vl-review-stars,
html body .review-stars,
html body .star-rating {
    color: #F5C518 !important;
}

/* =============================================
   GUEST SATISFACTION - ALWAYS bright yellow
   Progress bar and score badge use star-gold
   HIGH SPECIFICITY to override layout file
   ============================================= */
.vl-satisfaction-fill,
body .vl-satisfaction-fill,
.vl-satisfaction .vl-satisfaction-fill,
.vl-sidebar-card .vl-satisfaction-fill,
div.vl-satisfaction-bar div.vl-satisfaction-fill,
body .vl-sidebar-card .vl-satisfaction-fill,
body div.vl-satisfaction-bar div.vl-satisfaction-fill {
    background: #F5C518 !important;
    background-color: #F5C518 !important;
    background-image: none !important;
}

.vl-satisfaction-score,
body .vl-satisfaction-score,
.vl-satisfaction .vl-satisfaction-score,
.vl-sidebar-card .vl-satisfaction-score,
span.vl-satisfaction-score,
body span.vl-satisfaction-score {
    background: #F5C518 !important;
    background-color: #F5C518 !important;
    background-image: none !important;
    color: #000000 !important;
}

/* =============================================
   BUTTON TEXT COLOR - WHITE on Forest Green
   ============================================= */
button,
.btn,
.button,
a.btn,
a.button,
input[type="submit"],
input[type="button"],
.wp-block-button__link,
.hero-cta,
.cta-button,
.webigniter-cta,
.view-all-btn,
.own-business-cta,
body button,
body .btn,
body a.btn,
body .webigniter-cta,
body .view-all-btn {
    color: var(--button-text, #ffffff) !important;
}

/* Search form button */
.search-form button,
body .search-form button,
.cbd-hero .search-form button,
form.search-form button {
    color: var(--button-text, #ffffff) !important;
}

/* =============================================
   HERO LINKS & CUISINE PILLS - Forest Green accent
   ============================================= */
.hero-link,
.hero-links a,
.cuisine-pill,
.cuisine-grid a,
body .hero-link,
body .hero-links a,
body .cuisine-pill,
body .cuisine-grid a {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 2px solid var(--primary-accent, #2D5A27) !important;
}

.hero-link:hover,
.hero-links a:hover,
.cuisine-pill:hover,
.cuisine-grid a:hover,
body .hero-link:hover,
body .hero-links a:hover,
body .cuisine-pill:hover,
body .cuisine-grid a:hover {
    background: var(--primary-accent, #2D5A27) !important;
    border-color: var(--primary-accent, #2D5A27) !important;
    color: #ffffff !important;
}

/* =============================================
   FOOTER LINKS - Forest Green on hover
   ============================================= */
.cbd-footer-column a:hover,
footer a:hover,
.site-footer a:hover,
body .cbd-footer-column a:hover,
body footer a:hover,
body .site-footer a:hover {
    color: var(--primary-accent, #2D5A27) !important;
}

.cbd-footer-bottom a,
.cbd-footer-bottom a:hover,
body .cbd-footer-bottom a,
body .cbd-footer-bottom a:hover,
footer .cbd-footer-bottom a,
.site-footer .cbd-footer-bottom a {
    color: var(--primary-accent, #2D5A27) !important;
}

/* =============================================
   LINKS - Forest Green accent
   ============================================= */
a {
    color: var(--primary-accent-light, #4a8542) !important;
}

a:hover {
    color: #5fa353 !important;
}

.entry-content a, .post-content a {
    color: var(--primary-accent-light, #4a8542) !important;
}

/* =============================================
   CARDS HOVER - Forest Green border
   ============================================= */
.std-card:hover,
.featured-card:hover,
.restaurant-card:hover,
.business-card:hover {
    border-color: var(--primary-accent, #2D5A27) !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.7), 0 0 20px rgba(45,90,39,0.15) !important;
}

/* =============================================
   SIDEBAR HEADINGS - Lighter Forest Green
   ============================================= */
.sidebar-card h3, .sidebar-card h4,
.vl-sidebar-card h3, .vl-sidebar-card h4 {
    color: var(--primary-accent-light, #4a8542) !important;
}

/* =============================================
   SECTION HEADINGS - Lighter Forest Green
   ============================================= */
.hidden-gems-section h2, .section-title,
.related-section h2 {
    color: var(--primary-accent-light, #4a8542) !important;
}

/* =============================================
   BUTTONS - Forest Green gradient
   ============================================= */
.btn-primary,
.search-btn,
.filter-btn,
button[type="submit"] {
    background: linear-gradient(135deg, #2D5A27 0%, #1F3D1B 100%) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.search-btn:hover,
.filter-btn:hover,
button[type="submit"]:hover {
    background: linear-gradient(135deg, #4a8542 0%, #2D5A27 100%) !important;
}

/* Ghost buttons */
.btn-outline,
.ghost-btn,
.city-filter-btn {
    border-color: var(--primary-accent, #2D5A27) !important;
    color: var(--primary-accent-light, #4a8542) !important;
}

.btn-outline:hover,
.ghost-btn:hover,
.city-filter-btn:hover {
    background: var(--primary-accent, #2D5A27) !important;
    color: #ffffff !important;
}

/* =============================================
   VIBES/TAGS - Forest Green tint
   ============================================= */
.vibe-tag,
.tag-pill {
    background: rgba(45, 90, 39, 0.1) !important;
    border: 1px solid rgba(45, 90, 39, 0.25) !important;
    color: var(--primary-accent-light, #4a8542) !important;
}

/* =============================================
   CUISINE BADGES
   ============================================= */
.cuisine-badge,
.cuisine-pill,
.category-badge {
    background: var(--primary-accent, #2D5A27) !important;
    color: var(--primary-accent-light, #4a8542) !important;
    border: 1px solid rgba(45, 90, 39, 0.3) !important;
}

.cuisine-badge:hover,
.cuisine-pill:hover {
    background: var(--primary-accent, #2D5A27) !important;
    color: #ffffff !important;
}

/* =============================================
   QUOTE BOXES - Forest Green border
   ============================================= */
.quote-box, blockquote {
    border-left: 4px solid var(--primary-accent, #2D5A27) !important;
}

/* =============================================
   TOP RATED / CHAMPION CARDS - Forest Green border
   ============================================= */
.champion-card,
.top-rated-card {
    border: 2px solid var(--primary-accent, #2D5A27) !important;
    box-shadow: 0 0 30px rgba(45, 90, 39, 0.2) !important;
}

.champion-badge,
.rank-badge {
    background: linear-gradient(135deg, #2D5A27 0%, #1F3D1B 100%) !important;
    color: #ffffff !important;
}

/* =============================================
   PAGINATION - Forest Green accent
   ============================================= */
.pagination a,
.nav-links a,
.page-numbers {
    color: var(--primary-accent-light, #4a8542) !important;
    border: 1px solid var(--primary-accent, #2D5A27) !important;
}

.pagination a:hover,
.nav-links a:hover {
    background: var(--primary-accent, #2D5A27) !important;
    color: #ffffff !important;
}

.pagination .current,
.nav-links .current {
    background: var(--primary-accent, #2D5A27) !important;
    color: #ffffff !important;
}

/* =============================================
   FOCUS STATES - Forest Green
   ============================================= */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-accent, #2D5A27) !important;
    box-shadow: 0 0 0 2px rgba(45, 90, 39, 0.2) !important;
}

/* =============================================
   BREADCRUMBS - Forest Green links
   ============================================= */
.breadcrumbs a {
    color: var(--primary-accent-light, #4a8542) !important;
}

/* =============================================
   HEADER - Dark background
   Match Vegas/Tyler dark theme header
   ============================================= */
.ct-header,
.ct-header [data-row],
.ct-header [data-row="top"],
.ct-header [data-row="middle"],
.ct-header [data-row="bottom"],
.ct-header .ct-container,
header,
.site-header,
body .ct-header,
body header,
body .site-header {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
}

/* Header menu links - light text */
.ct-header a,
.ct-header .ct-menu-link,
.ct-header nav a,
body .ct-header a,
body .ct-header nav a {
    color: #EDEDED !important;
}

.ct-header a:hover,
.ct-header .ct-menu-link:hover,
body .ct-header a:hover {
    color: var(--primary-accent-light, #4a8542) !important;
}

/* =============================================
   FOOTER - Dark background
   Match Vegas/Tyler dark theme footer
   ============================================= */
footer,
.site-footer,
.ct-footer,
.ct-footer [data-row],
.ct-footer .ct-container,
body footer,
body .site-footer,
body .ct-footer {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
}

/* Footer text - light colored */
footer,
footer p,
footer span,
.site-footer,
.site-footer p,
.ct-footer,
.ct-footer p,
body footer p,
body .ct-footer p {
    color: #EDEDED !important;
}

/* Footer links - light with Forest Green hover */
footer a,
.site-footer a,
.ct-footer a,
body footer a,
body .ct-footer a {
    color: #EDEDED !important;
}

footer a:hover,
.site-footer a:hover,
.ct-footer a:hover,
body footer a:hover,
body .ct-footer a:hover {
    color: var(--primary-accent-light, #4a8542) !important;
}

/* Footer widgets/columns */
.ct-footer .widget,
.ct-footer .ct-widget,
footer .widget-area,
body .ct-footer .widget {
    background: transparent !important;
}

/* Footer copyright area */
.ct-footer [data-row="bottom"],
.ct-footer-bottom,
footer .copyright,
body .ct-footer [data-row="bottom"] {
    background: #050505 !important;
    border-top: 1px solid #1a1a1a !important;
}

/* HEADER - FORCE DARK */
header,.ct-header,.ct-header [data-row],.ct-header [data-row="top"],.ct-header [data-row="middle"],.ct-header [data-row="bottom"],.ct-header .ct-container,.ct-header > div,.ct-header > div > div,[data-row="middle"],[data-row="top"],[data-row="bottom"],header[data-id="type-1"],.site-header,body header,body .ct-header,body .ct-header [data-row],body [data-row="middle"],html body header,html body .ct-header,html body .ct-header [data-row="middle"] {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
}

/* =============================================
   PROTOTYPE CARD - Premium Conversion Design
   Copied from Vegas site-override.css
   ============================================= */

/* Card hover effects */
.proto-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.proto-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.4);
}

/* Image zoom on hover */
.proto-card-image {
    transition: transform 0.4s ease;
    overflow: hidden;
}

.proto-card:hover .proto-card-image {
    background-size: 110%;
}

/* Vibe badge - top left corner */
.proto-vibe-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(4px);
}

/* Insider tip teaser */
.proto-tip {
    margin: 12px 0;
    padding: 10px 12px;
    background: #252525;
    border-left: 3px solid var(--primary-accent);
    border-radius: 0 8px 8px 0;
}

.proto-tip-text {
    color: #e0e0e0 !important;
    font-size: 0.85rem;
    font-style: italic;
    line-height: 1.4;
}

/* Dish pills with border */
.proto-dishes {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}

.proto-dish-tag {
    background: transparent;
    border: 1px solid var(--primary-accent);
    color: #fff;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 500;
}

.proto-dish-more {
    color: var(--primary-accent);
    font-size: 0.8rem;
    font-weight: 600;
    padding: 5px 8px;
    align-self: center;
}

/* CTA Button */
.proto-cta {
    display: block;
    width: 100%;
    margin-top: 15px;
    padding: 12px 20px;
    background: var(--primary-accent);
    color: var(--button-text);
    text-align: center;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    transition: all 0.3s ease;
}

.proto-card:hover .proto-cta {
    background: var(--primary-accent-dark);
    box-shadow: 0 4px 15px rgba(var(--primary-accent-rgb), 0.4);
}

/* Location styling */
.std-card-location {
    color: #999;
    font-size: 0.85rem;
}

/* VIBE BADGE - MUST BE BLACK - FINAL OVERRIDE */
.proto-vibe-badge,
body .proto-vibe-badge,
.std-card .proto-vibe-badge,
.proto-card .proto-vibe-badge,
.std-card-grid .proto-vibe-badge {
    background: rgba(0,0,0,0.85) !important;
    background-color: rgba(0,0,0,0.85) !important;
    color: #fff !important;
}

/* =============================================
   BUTTON COLOR OVERRIDES - Force Forest Green
   Override --theme-palette-color-1 usage
   ============================================= */

/* Main CTA buttons - view all, etc */
.view-all-btn,
body .view-all-btn,
a.view-all-btn,
.content-section .view-all-btn {
    background: var(--primary-accent, #2D5A27) !important;
    background-color: var(--primary-accent, #2D5A27) !important;
    color: var(--button-text, #ffffff) !important;
}

.view-all-btn:hover,
body .view-all-btn:hover {
    background: var(--primary-accent-dark, #1F3D1B) !important;
    background-color: var(--primary-accent-dark, #1F3D1B) !important;
    color: var(--button-text, #ffffff) !important;
}

/* Hero links - outline style (white text, accent border, fill on hover) */
.hero-link,
body .hero-link,
a.hero-link {
    background: transparent !important;
    border: 2px solid var(--primary-accent, #2D5A27) !important;
    color: #ffffff !important;
}

.hero-link:hover,
body .hero-link:hover {
    background: var(--primary-accent, #2D5A27) !important;
    border-color: var(--primary-accent, #2D5A27) !important;
    color: #ffffff !important;
}
[style*="theme-palette-color-1"],
*[style*="background: var(--theme-palette-color-1)"] {
    background: var(--primary-accent, #2D5A27) !important;
}

/* Force all accent buttons */
.btn-primary,
.cta-button,
.action-btn,
button[type="submit"],
input[type="submit"] {
    background: var(--primary-accent, #2D5A27) !important;
    color: var(--button-text, #ffffff) !important;
    border-color: var(--primary-accent, #2D5A27) !important;
}

.btn-primary:hover,
.cta-button:hover,
.action-btn:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
    background: var(--primary-accent-dark, #1F3D1B) !important;
    border-color: var(--primary-accent-dark, #1F3D1B) !important;
}

/* =============================================
   SECTION HEADINGS - Force White
   Override accent color for section titles
   ============================================= */

/* Section titles should be white, not accent color */
.section-title,
body .section-title,
.content-section .section-title,
h2.section-title {
    color: #EDEDED !important;
}

/* Also override any h2 in content sections */
.content-section h2,
.top-rated-section h2,
.featured-section h2,
.guides-section h2 {
    color: #EDEDED !important;
}

/* =============================================
   POPULAR SEARCH PILLS - White text
   ============================================= */
.popular-searches a,
body .popular-searches a,
.popular-searches a:link,
.popular-searches a:visited {
    color: #ffffff !important;
}

.popular-searches a:hover {
    background: var(--primary-accent, #2D5A27) !important;
    color: #ffffff !important;
}

/* =============================================
   YOU MAY ALSO LIKE - Center subtitle
   ============================================= */
.vl-related-subtitle,
.vl-related-section p {
    text-align: center !important;
}

/* =============================================
   CUISINE CARDS - Dark border, accent on hover only
   Override the hero-links section rules
   ============================================= */
.cuisine-card,
.cuisine-grid .cuisine-card,
.cuisine-grid a.cuisine-card,
body .cuisine-card {
    border: 1px solid #262626 !important;
    background: #161616 !important;
}

.cuisine-card:hover,
.cuisine-grid .cuisine-card:hover,
.cuisine-grid a.cuisine-card:hover,
body .cuisine-card:hover {
    border-color: var(--primary-accent, #2D5A27) !important;
    background: #161616 !important;
}

/* =============================================
   CITY CARDS - Dark border, accent on hover only
   ============================================= */
.city-card,
.city-grid .city-card,
.city-grid a.city-card,
body .city-card {
    border: 1px solid #262626 !important;
    background: #161616 !important;
}

.city-card:hover,
.city-grid .city-card:hover,
.city-grid a.city-card:hover,
body .city-card:hover {
    border-color: var(--primary-accent, #2D5A27) !important;
    background: #161616 !important;
}

/* =============================================
   VIBE CARDS - Dark border, accent on hover only
   ============================================= */
.vibe-card,
.vibe-grid .vibe-card,
.vibe-grid a.vibe-card,
body .vibe-card {
    border: 1px solid #262626 !important;
    background: #161616 !important;
}

.vibe-card:hover,
.vibe-grid .vibe-card:hover,
.vibe-grid a.vibe-card:hover,
body .vibe-card:hover {
    border-color: var(--primary-accent, #2D5A27) !important;
    background: #161616 !important;
}

/* =============================================
   WEBIGNITER CTA BUTTON - Solid accent style
   ============================================= */
.webigniter-cta,
a.webigniter-cta {
    background: var(--primary-accent, #2D5A27) !important;
    color: var(--button-text, #ffffff) !important;
    border-color: var(--primary-accent, #2D5A27) !important;
}

.webigniter-cta:hover,
a.webigniter-cta:hover {
    background: var(--primary-accent-dark, #1F3D1B) !important;
    color: var(--button-text, #ffffff) !important;
    border-color: var(--primary-accent-dark, #1F3D1B) !important;
}

/* =============================================
   COMING SOON PILLS - White text
   ============================================= */
.guide-badge,
.coming-soon-badge,
.guides-grid .guide-badge,
span.guide-badge {
    color: #ffffff !important;
}

/* =============================================
   GUIDE CARD TAGS (COMING SOON) - White text
   ============================================= */
.guide-card-tag,
.guides-grid .guide-card-tag,
body .guide-card-tag {
    color: #ffffff !important;
}

/* =============================================
   SOLID BLACK BACKGROUND - NO BANDING
   Force all sections to use consistent black
   ============================================= */

/* Page-level backgrounds */
body,
html,
.site-main,
.entry-content,
main,
article {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
}

/* All content sections - solid black */
.content-section,
.featured-section,
.top-rated-section,
.guides-section,
.vibe-section,
.cuisine-section,
.city-section,
.cta-section,
.insider-club-section,
section,
.section-wrapper {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
}

/* Homepage specific overrides */
.home .entry-content > div,
.home .entry-content section,
.home main > *,
body.home .site-content,
body.home article {
    background: #0a0a0a !important;
}

/* Remove any alternating section colors */
.content-section:nth-child(odd),
.content-section:nth-child(even) {
    background: #0a0a0a !important;
}

/* Footer area - also solid black */
.site-footer,
footer,
.ct-footer,
.footer-widgets {
    background: #0a0a0a !important;
}

/* Cards stay slightly lighter for contrast */
.std-card,
.proto-card,
.guide-card,
.cuisine-card,
.vibe-card,
.city-card {
    background: #161616 !important;
}