/*
Theme Name: MovieDB
Theme URI: https://example.com
Description: Custom WordPress theme for movies and series with advanced metadata management
Author: SharifiAslDev
Author URI: https://example.com
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: moviedb
Domain Path: /languages
*/

/**
 * Theme: MovieDB
 * File: style.css
 * Purpose: Required theme stylesheet and metadata
 */

/* Minimal reset for admin */
body {
    margin: 0;
    padding: 0;
}

/* Mobile touch — kill the blue/gray tap-highlight flash and the ~300ms
   double-tap delay site-wide (cards, links, buttons, menus, toggles).
   Only touch devices ever see these; desktop mouse users are unaffected. */
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
a, button, input, select, textarea, [role="button"], .moviedb-card, .artemis-card, .baby-card {
    touch-action: manipulation;
}

:root {
    /* Shared content width: fluid 90vw, capped at 1530px, never narrower
       than 320px. Header, .moviedb-container and footer align to this so
       their left/right edges line up. (Also declared in artemis-cards.css.) */
    --moviedb-content-width: clamp(320px, 90vw, 1530px);
}

/* --- Under Construction Page --- */
.moviedb-construction-page {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 120px);
    text-align: center;
}

.moviedb-construction-wrapper {
    padding: 40px 20px;
    max-width: 600px;
    width: 100%;
    box-sizing: border-box;
}

.moviedb-construction-icon {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 auto 20px;
    color: #6b7280;
    animation: moviedb-gear-spin 2.4s linear infinite;
    transform-origin: 50% 50%;
}

.moviedb-construction-title {
    font-size: 28px;
    font-weight: 600;
    color: #f13434;
    margin: 0 0 14px;
    line-height: 1.3;
}

.moviedb-construction-text {
    font-size: 15px;
    line-height: 1.8;
    color: #6b7280;
    margin: 0 0 28px;
}

.moviedb-construction-loader {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.moviedb-construction-loader span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #9ca3af;
    animation: moviedb-loader-bounce 1.2s ease-in-out infinite;
}

.moviedb-construction-loader span:nth-child(2) {
    animation-delay: 0.15s;
}

.moviedb-construction-loader span:nth-child(3) {
    animation-delay: 0.30s;
}

@keyframes moviedb-gear-spin {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes moviedb-loader-bounce {
    0%, 70%, 100% { transform: scale(0.6); opacity: 0.45; }
    35%           { transform: scale(1); opacity: 1; }
}