/** * Theme Name: EcomCine Base Theme * Theme URI: https://ecomcine.com * Author: EcomCine * Author URI: https://ecomcine.com * Description: Minimal document-wrapper theme for EcomCine. All business logic, * Dokan template overrides, vendor attributes, and page templates live * in the EcomCine plugin. This theme provides only the required HTML * document skeleton (header.php / footer.php) so that plugin-owned * templates work correctly on any hosting environment. * Version: 1.0.0 * Requires at least: 6.3 * Requires PHP: 8.0 * License: GPL-2.0-or-later * License URI: https://www.gnu.org/licenses/gpl-2.0.html * Text Domain: ecomcine-base * Tags: custom, ecomcine, minimal */ /* ============================================================= BASE TYPOGRAPHY Replaces Astra customizer inline CSS that injected these rules into . Without Astra active, browsers default to serif. ============================================================= */ *, *::before, *::after { box-sizing: border-box; } body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 16px; line-height: 1.6; color: var(--ecomcine-text-color, #F5F5F5); background-color: var(--ecomcine-surface-color, #111111); } a { color: var(--ecomcine-accent-color, #D4AF37); text-decoration: none; } a:hover { text-decoration: underline; } img { max-width: 100%; height: auto; } /* ============================================================= REGULAR PAGE TEMPLATE — 1290px centered content container ============================================================= */ .tm-regular-page #tm-main.tm-regular-page-content { max-width: 1290px; margin: 0 auto; padding: 40px 20px; font-family: sans-serif; } /* ============================================================= PLATFORM / REGULAR PAGES — constrained content width Applies to all pages using the tm-platform-page body class (platform pages, regular pages with cinematic header) ============================================================= */ body.tm-platform-page #tm-platform-content { max-width: 1290px; margin: 0 auto; padding: 40px 20px; } /* ============================================================= SITE HEADER ============================================================= */ .ecomcine-site-header { position: sticky; top: 0; z-index: 100; background: var(--ecomcine-surface-color, #111111); border-bottom: 1px solid rgba(212, 175, 55, 0.3); padding: 10px 20px; } .ecomcine-site-header-inner { display: flex; align-items: center; justify-content: space-between; max-width: 1400px; margin: 0 auto; gap: 20px; } .ecomcine-site-header-logo img { max-height: 52px; width: auto; display: block; } .tm-header-platforms { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; color: rgba(255, 255, 255, 0.88); min-width: 0; z-index: 110; pointer-events: auto; } .tm-header-platforms__label { opacity: 0.7; } .tm-header-platforms__icons { display: inline-flex; align-items: center; gap: 12px; } .tm-header-platforms__icons .social-icon { display: inline-flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.75); font-size: 20px; text-decoration: none; transition: color 0.2s ease, transform 0.2s ease; } .tm-header-platforms__icons .social-icon:hover { color: #ffffff; transform: scale(1.15); text-decoration: none; } .tm-header-platforms__icons .social-icon-svg { width: 20px; height: 20px; display: inline-block; fill: currentColor; } .ecomcine-site-title-link { font-size: 1.2rem; font-weight: 700; color: var(--ecomcine-accent-color, #D4AF37); text-decoration: none; } .ecomcine-site-nav ul.ecomcine-primary-menu { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; } .ecomcine-site-nav ul.ecomcine-primary-menu li { margin: 0; } .ecomcine-site-nav ul.ecomcine-primary-menu a { color: var(--ecomcine-text-color, #F5F5F5); font-size: 0.9rem; font-weight: 500; text-decoration: none; transition: color 0.2s ease; white-space: nowrap; } .ecomcine-site-nav ul.ecomcine-primary-menu a:hover, .ecomcine-site-nav ul.ecomcine-primary-menu .current-menu-item > a { color: var(--ecomcine-accent-color, #D4AF37); } @media ( max-width: 600px ) { .ecomcine-site-nav ul.ecomcine-primary-menu { gap: 6px 16px; } } /* ============================================================================= Site Footer — Social Platforms Bar ============================================================================= */ .tm-site-footer { background-color: var(--ecomcine-surface-color, #111111); color: rgba(255, 255, 255, 0.88); padding: 20px 24px; border-top: 1px solid rgba(255, 255, 255, 0.08); } .tm-site-footer__inner { max-width: 1400px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; } .tm-footer-platforms { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; color: rgba(255, 255, 255, 0.88); } .tm-footer-platforms__label { opacity: 0.7; } .tm-footer-platforms__icons { display: inline-flex; align-items: center; gap: 12px; } .tm-footer-platforms__icons .social-icon { display: inline-flex; align-items: center; justify-content: center; color: rgba(255, 255, 255, 0.75); font-size: 20px; text-decoration: none; transition: color 0.2s ease, transform 0.2s ease; } .tm-footer-platforms__icons .social-icon:hover { color: #ffffff; transform: scale(1.15); text-decoration: none; } .tm-footer-platforms__icons .social-icon-svg { width: 20px; height: 20px; display: inline-block; fill: currentColor; } /* Header platforms stack (when footer icons also shown in header) */ .tm-header-platforms-stack { display: flex; flex-direction: column; gap: 3px; } .tm-header-platforms--secondary { font-size: 12px; color: rgba(255, 255, 255, 0.65); } .tm-header-platforms--secondary .social-icon { font-size: 16px; color: rgba(255, 255, 255, 0.6); } .tm-header-platforms--secondary .social-icon:hover { color: #ffffff; } .tm-header-platforms--secondary .social-icon-svg { width: 16px; height: 16px; } /* Minimalist display mode — bare label + icons, no padding, tight rows so both fit within the original header bar height with no extra vertical space */ .tm-header-platforms.tm-header-platforms--minimalist, body.dokan-store .tm-header-platforms.tm-header-platforms--minimalist, body.tm-listing-page .tm-header-platforms.tm-header-platforms--minimalist { padding: 0 !important; gap: 8px !important; font-size: 12px !important; line-height: 1 !important; height: auto !important; background: none !important; background-color: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.dokan-store .tm-header-platforms--minimalist .tm-header-platforms__label, body.tm-listing-page .tm-header-platforms--minimalist .tm-header-platforms__label { font-size: 11px !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; opacity: 0.6 !important; line-height: 1 !important; white-space: nowrap !important; } body.dokan-store .tm-header-platforms--minimalist .tm-header-platforms__icons, body.tm-listing-page .tm-header-platforms--minimalist .tm-header-platforms__icons { gap: 10px !important; } /* Social icons base size */ body.dokan-store .tm-header-platforms--minimalist .social-icon, body.tm-listing-page .tm-header-platforms--minimalist .social-icon { font-size: 17px !important; line-height: 1 !important; } body.dokan-store .tm-header-platforms--minimalist .social-icon-svg, body.tm-listing-page .tm-header-platforms--minimalist .social-icon-svg { width: 17px !important; height: 17px !important; } /* TV streaming icons — render larger to compensate for their wider/wordmark shapes */ body.dokan-store .tm-header-platforms--minimalist .tm-icon-roku, body.dokan-store .tm-header-platforms--minimalist .tm-icon-apple-tv, body.dokan-store .tm-header-platforms--minimalist .tm-icon-fire-tv, body.tm-listing-page .tm-header-platforms--minimalist .tm-icon-roku, body.tm-listing-page .tm-header-platforms--minimalist .tm-icon-apple-tv, body.tm-listing-page .tm-header-platforms--minimalist .tm-icon-fire-tv { width: 22px !important; height: 22px !important; } .tm-header-platforms-stack--minimalist { gap: 4px !important; }