/*
Theme Name: Milano Restaurant
Theme URI:https://chefsaeed.com/
Author: کامران اسفندیاری
Author URI: https://kamranesfandiari.ir/
Description: قالب رستوران میلانو - طراحی لوکس و مدرن
Version: 1.0.0.0
License: GNU General Public License v2 or later
Text Domain: milano
Tags: restaurant, food, bootstrap, rtl
*/
@font-face {
  font-family: 'IRANSansWeb';
  src: url('fonts/IRANSansWeb.eot');
  src: url('fonts/IRANSansWeb.woff2') format('woff2'),
  url('fonts/IRANSansWeb.woff') format('woff'),
  url('fonts/IRANSansWeb.ttf') format('truetype'),
  url('fonts/IRANSansWeb.svg#IRANSansWeb') format('svg'),
  url('fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
*{
  font-family: IRANSansWeb !important;
}
    body {
      font-family: "IRANSansWeb","Vazirmatn", sans-serif;
      background-color: #0e0e0e;
      color: #f5f5f5;
    }

    :root {
      --gold: #d4af37;
      --red: #b22222;
      --dark: #121212;
    }
a{
  text-decoration: none;
}
    /* Navbar */
    .navbar {
      background: rgba(0, 0, 0, 0.8);
      backdrop-filter: blur(10px);
    }

    .navbar-brand {
      color: var(--gold);
      font-weight: 700;
      font-size: 1.5rem;
    }

    .navbar-nav .nav-link {
      color: #ddd !important;
      font-weight: 500;
      transition: 0.3s;
    }

    .navbar-nav .nav-link:hover {
      color: var(--gold) !important;
    }

    /* Hero */
    .hero {
      background: url('https://chishi.ir/wp-content/uploads/2020/06/pitza-margarita.jpg') center/cover no-repeat;
      height: 90vh;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      text-align: center;
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.6);
    }

    .hero-content {
      position: relative;
      z-index: 2;
      color: white;
    }

    .hero h1 {
      font-size: 3rem;
      color: var(--gold);
      font-weight: 700;
      margin-bottom: 1rem;
    }

    .btn-main {
      background-color: var(--red);
      color: white;
      border: none;
      padding: 10px 25px;
      font-weight: 600;
      border-radius: 50px;
      transition: 0.3s;
    }

    .btn-main:hover {
      background-color: #8b1a1a;
      transform: translateY(-2px);
    }

    /* Section titles */
    section h2 {
      color: var(--gold);
      margin-bottom: 40px;
      font-weight: 700;
    }

    /* Menu section */
    .menu-section {
      background-color: #181818;
      padding: 80px 0;
    }

    .menu-card {
      background-color: #1e1e1e;
      border-radius: 15px;
      overflow: hidden;
      transition: 0.4s;
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .menu-card img {
      width: 100%;
      height: 250px;
      object-fit: cover;
      transition: 0.4s;
    }

    .menu-card:hover img {
      transform: scale(1.05);
      filter: brightness(1.1);
    }

    .menu-card h5 ,    .menu-card h5 a {
      color: var(--gold);
      margin-top: 15px;
    }

    .menu-card p {
      color: #ccc;
    }

    /* Testimonials */
    .testimonials {
      background-color: #101010;
      padding: 80px 0;
    }

    .testimonial {
      background-color: #1a1a1a;
      border-radius: 15px;
      padding: 25px;
      color: #ddd;
      border: 1px solid rgba(255, 255, 255, 0.1);
      transition: 0.3s;
    }

    .testimonial:hover {
      transform: translateY(-5px);
      border-color: var(--gold);
    }

    /* Footer */
    footer {
      background-color: #000;
      color: #bbb;
      padding: 30px 0;
      text-align: center;
    }

    footer a {
      color: var(--gold);
      margin: 0 10px;
      font-size: 1.3rem;
      transition: 0.3s;
    }

    footer a:hover {
      color: white;
    }
.single-hero {
  height: 70vh;
  overflow: hidden;
  position: relative;
}

.hero-bg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  filter: brightness(70%);
}

.hero-overlay {
  backdrop-filter: blur(2px);
}

.hero-content h1 {
  text-shadow: 0 3px 10px rgba(0,0,0,0.6);
}

.author-box img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.related-posts .card:hover {
  transform: translateY(-5px);
  transition: all 0.3s ease;
}
/* ===== Comments Section (Milano Style) ===== */
.milano-comments {
  background-color: #111;
  border-radius: 20px;
  padding: 60px;
  box-shadow: 0 8px 30px rgba(255, 215, 0, 0.05);
}

.milano-comment {
  background-color: #1a1a1a;
  border: 1px solid rgba(255,255,255,0.1);
  transition: all 0.3s ease;
}

.milano-comment:hover {
  border-color: var(--gold);
  transform: translateY(-3px);
}

.comment-text {
  color: #ddd;
}

.comment-form-wrapper {
  background-color: #1a1a1a;
  border-radius: 15px;
  padding: 30px;
  border: 1px solid rgba(255,255,255,0.1);
}

.comment-form-wrapper input,
.comment-form-wrapper textarea {
  background-color: #0e0e0e;
  color: #f5f5f5;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 10px;
}

.comment-form-wrapper input:focus,
.comment-form-wrapper textarea:focus {
  border-color: var(--gold);
  box-shadow: 0 0 10px rgba(212,175,55,0.3);
}