/*
Theme Name: MTVDB WP
Author: Your Name
Description: A companion theme for The Cinematheque plugin, designed to create a modern, community-focused media database.
Version: 2.0.0
*/

:root {
    --color-page: #000000;
    --color-surface: #121212;
    --color-primary: #ff8c00;
    --color-text-primary: #ffffff;
    --color-text-secondary: #a0a0a0;
    --color-border: #2d2d2d;
}

html.theme-light {
    --color-page: #f1f5f9;
    --color-surface: #ffffff;
    --color-primary: #f59e0b;
    --color-text-primary: #1e293b;
    --color-text-secondary: #64748b;
    --color-border: #e2e8f0;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--color-page);
    color: var(--color-text-primary);
}

/* Component Styles */
.bg-page { background-color: var(--color-page); }
.bg-surface { background-color: var(--color-surface); }
.bg-primary { background-color: var(--color-primary); }
.text-primary { color: var(--color-primary); }
.text-secondary { color: var(--color-text-secondary); }
.border-custom { border-color: var(--color-border); }
.hover\\:bg-primary\\/20:hover { background-color: color-mix(in srgb, var(--color-primary) 20%, transparent); }


/* Custom Speech Bubble for Reviews */
.speech-bubble {
    position: relative;
    background: #000000b8;
    border-radius: .4em;
    padding: 0.5rem;
}
.speech-bubble:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #000000b8;
    border-bottom: 0;
    border-left: 0;
    margin-left: -5px;
    margin-bottom: -10px;
}

/* Carousel scrollbar hiding */
.carousel-container::-webkit-scrollbar {
    display: none;
}
.carousel-container {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}