/*
Theme Name: Entertainment Media
Description: Entertainment media is an essential component of our life. It gives us a break from the routine and a chance to rest and unwind. It can also be a source of knowledge and instruction. The entertainment sector is enormous and ever-changing, spanning everything from cinema, theater, and opera to ballet, music, and the performing arts. It is always evolving to stay current with the latest trends and technologies. Staying up to date on the newest news and developments is critical for staying ahead of the curve. This theme will supply you with up-to-date information and trends in the entertainment sector. It will provide insights and analysis of the most recent trends, making it appropriate for online cinema, film reviews, television shows, and TV series. Whether you're a casual spectator or a devoted enthusiast, this is your go-to theme. It is modern and responsive, with a creative design that includes two home page views as well as separate catalog and detail pages. The theme is suitable for a variety of entertainment applications, including as event and festival management, gallery displays, audio and music reviews, and so on. It contains Elementor, the most popular WordPress Page Builder for creating responsive websites without coding. It also makes use of the Bootstrap HTML, CSS, and JS framework to keep your site clean, basic, and mobile-first.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-media-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 4.9
Requires PHP: 7.2
Tested up to: 6.8
Requires at least: 5.0
Tags: entertainment, photography, blog, wide-blocks, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, featured-image-header, editor-style, post-formats, theme-options, threaded-comments, sticky-post, translation-ready
Text Domain: entertainment-media
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Entertainment Media WordPress Theme has been created by misbahwp(misbahwp.com), 2022.
Entertainment Media WordPress Theme is released under the terms of GNU GPL
*/

*/

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #000;
  color: #fff;
  margin: 0;
  padding: 0;
}

a {
  color: #fff;
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #e50914;
}

h1, h2, h3, h4, h5, h6 {
  color: #fff;
  font-weight: bold;
  margin: 10px 0;
}

header, footer {
  background-color: #141414;
  padding: 20px;
}

#site-navigation, .main-menu {
  display: flex;
  justify-content: space-between;
  background: #141414;
  padding: 10px 40px;
  position: sticky;
  top: 0;
  z-index: 999;
}

#site-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 25px;
}

#site-navigation li a {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}

#site-navigation li a:hover {
  color: #e50914;
}

.logo a {
  font-size: 28px;
  color: #e50914;
  font-weight: 700;
}

.post-box, .featured_movies .box {
  background-color: #1c1c1c;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.5);
  transition: transform 0.3s ease;
}

.post-box:hover, .featured_movies .box:hover {
  transform: scale(1.03);
}

.featured_movies {
  padding: 40px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

.featured_movies .box img {
  height: 300px;
  object-fit: cover;
  width: 100%;
}

.featured_movies .title {
  font-size: 18px;
  margin-top: 10px;
  color: #fff;
}

.featured_movies .post {
  font-size: 14px;
  color: #aaa;
}

.featured_movies .box a.icon {
  margin-top: 10px;
  display: inline-block;
  background: #e50914;
  color: #fff;
  padding: 8px 16px;
  border-radius: 5px;
  font-weight: bold;
  transition: background 0.3s ease;
}

.featured_movies .box a.icon:hover {
  background: #fff;
  color: #e50914;
}

.scroll-up a {
  background: #e50914;
  color: #fff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1000;
  transition: background 0.3s;
}

.scroll-up a:hover {
  background: #fff;
  color: #e50914;
}

footer {
  text-align: center;
  font-size: 14px;
  color: #999;
}

footer a {
  color: #fff;
  margin: 0 10px;
}

footer a:hover {
  color: #e50914;
}

/* شريط التحميل */
.cssloader {
  background: #000;
  color: #fff;
  text-align: center;
  padding-top: 40vh;
  font-size: 24px;
  font-weight: bold;
}

/* تحسين زر التشغيل */
.wp-block-button__link,
.comment-reply a,
.comment-respond input#submit {
  background: #e50914;
  color: #fff !important;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: bold;
  transition: background 0.3s;
}

.wp-block-button__link:hover,
.comment-reply a:hover,
.comment-respond input#submit:hover {
  background: #fff;
  color: #e50914 !important;
}

/* صورة خلفية كبيرة */
.feature-header {
  position: relative;
  height: 350px;
  background-color: #000;
}

.feature-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.6;
}

.feature-header h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 36px;
  text-shadow: 2px 2px 8px rgba(0,0,0,0.8);
}

/* تحسين عناصر النموذج */
.sidebar-area input,
.sidebar-area select,
.sidebar-area textarea {
  background-color: #111;
  color: #fff;
  border: 1px solid #333;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
}

.sidebar-area .wp-block-search__button,
.searchform input[type=submit] {
  background: #e50914;
  color: #fff;
  padding: 10px 15px;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  font-weight: bold;
}

.sidebar-area .wp-block-search__button:hover,
.searchform input[type=submit]:hover {
  background: #fff;
  color: #e50914;
}