/*
Theme Name: Elli Dört Medya Spor Teması
Theme URI: https://ellidortmedya.com/
Author: Elli Dört Medya
Author URI: https://ellidortmedya.com/
Description: Modern ve yenilikçi tasarıma sahip profesyonel spor kulübü WordPress teması. Sivasspor tarzı modern arayüz, full-screen hero, countdown timer, Instagram feed, 3D forma showcase ve responsive tasarım.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: edm-spor
Tags: news, sports, modern, fullscreen, custom-colors, featured-images, responsive-layout, countdown-timer, instagram-feed, hero-section
*/

/* CSS LOADED INDICATOR - Bu yorum satırı CSS'in yüklendiğini gösterir */
/* EDM Spor Theme v2.1.0 - Modern Sivasspor Design */

/* Modern Color Palette */
:root{
  --primary: #1a1a2e;
  --secondary: #16213e;
  --accent: #0f4c81;
  --bright: #3a86ff;
  --white: #ffffff;
  --gray-50: #f8f9fa;
  --gray-100: #e9ecef;
  --gray-200: #dee2e6;
  --gray-300: #ced4da;
  --gray-600: #6c757d;
  --gray-900: #212529;
  --shadow: 0 10px 40px rgba(0,0,0,0.1);
  --shadow-lg: 0 20px 60px rgba(0,0,0,0.15);
  --radius: 16px;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* BAŞARILI CSS YÜKLEME TEST MARKER */
body::before {
  content: "EDM CSS LOADED ✓";
  position: fixed;
  top: 0;
  right: 0;
  background: #28a745;
  color: white;
  padding: 4px 8px;
  font-size: 11px;
  z-index: 99999;
  border-radius: 0 0 0 4px;
}

/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;font-size:16px;}
body{
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  color: var(--gray-900);
  background: var(--white);
  line-height:1.6;
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--bright);text-decoration:none;transition:var(--transition);}
a:hover{color:var(--accent);}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem;}
h1{font-size:3rem;}
h2{font-size:2.5rem;}
h3{font-size:2rem;}
button{cursor:pointer;border:none;font-family:inherit;}

/* Container */
.edm-container{max-width:1400px;margin:0 auto;padding:0 2rem;}

/* Top Bar - Minimal */
.edm-topbar{
  background:var(--primary);
  color:var(--white);
  font-size:0.875rem;
  padding:0.75rem 0;
}
.edm-topbar .edm-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.edm-topbar a{color:var(--white);opacity:0.9;}
.edm-topbar a:hover{opacity:1;}

/* Header - Modern & Clean */
.edm-header{
  background:var(--white);
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  position:sticky;
  top:0;
  z-index:1000;
}
.edm-header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1.5rem 2rem;
}
.edm-logo{
  font-size:1.5rem;
  font-weight:800;
  color:var(--primary);
  display:flex;
  align-items:center;
  gap:1rem;
}
.edm-logo img{max-height:60px;width:auto;}

/* Navigation - Modern */
.edm-nav-modern .edm-nav-menu{
  display:flex;
  gap:0.5rem;
  list-style:none;
  margin:0;
  padding:0;
}
.edm-nav-modern .edm-nav-menu li a{
  display:block;
  padding:0.75rem 1.25rem;
  color:var(--gray-900);
  font-weight:500;
  border-radius:var(--radius);
  transition:var(--transition);
}
.edm-nav-modern .edm-nav-menu li a:hover,
.edm-nav-modern .edm-nav-menu li.current-menu-item a{
  background:var(--gray-50);
  color:var(--bright);
}

/* Top Bar - Modern */
.edm-topbar-modern{
  background:var(--primary);
  color:var(--white);
  font-size:0.875rem;
  padding:0.5rem 0;
}
.edm-topbar-content{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.edm-topbar-social-modern{
  display:flex;
  gap:0.75rem;
}
.edm-social-icon-modern{
  color:var(--white);
  opacity:0.8;
  transition:var(--transition);
}
.edm-social-icon-modern:hover{
  opacity:1;
  color:var(--bright);
}

/* Header - Modern */
.edm-header-modern{
  background:var(--white);
  box-shadow:var(--shadow);
  position:sticky;
  top:0;
  z-index:1000;
  backdrop-filter:blur(10px);
}
.edm-header-flex{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:1rem 0;
}
.edm-logo-modern{
  flex-shrink:0;
}
.edm-logo-link{
  font-size:1.75rem;
  font-weight:800;
  color:var(--primary);
  text-decoration:none;
}
.edm-logo-modern img{
  max-height:50px;
  width:auto;
}

/* Header Right Actions */
.edm-header-right{
  display:flex;
  align-items:center;
  gap:1rem;
}
.edm-search-toggle{
  background:none;
  border:none;
  color:var(--gray-600);
  padding:0.5rem;
  border-radius:50%;
  transition:var(--transition);
}
.edm-search-toggle:hover{
  background:var(--gray-100);
  color:var(--bright);
}

/* Mobile Menu Toggle */
.edm-menu-toggle-modern{
  display:none;
  flex-direction:column;
  justify-content:space-between;
  width:24px;
  height:18px;
  background:none;
  border:none;
  cursor:pointer;
}
.edm-menu-toggle-modern span{
  display:block;
  height:2px;
  width:100%;
  background:var(--gray-900);
  transition:var(--transition);
}

/* Search Overlay */
.edm-search-overlay{
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.9);
  backdrop-filter:blur(10px);
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  visibility:hidden;
  transition:var(--transition);
}
.edm-search-overlay.is-open{
  opacity:1;
  visibility:visible;
}
.edm-search-form-modern{
  position:relative;
  max-width:600px;
  width:100%;
}
.edm-search-input-modern{
  width:100%;
  padding:1.5rem 4rem 1.5rem 2rem;
  font-size:1.5rem;
  border:none;
  border-radius:var(--radius);
  background:var(--white);
  color:var(--gray-900);
}
.edm-search-submit-modern{
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  background:none;
  border:none;
  color:var(--gray-600);
}
.edm-search-close{
  position:absolute;
  top:2rem;
  right:2rem;
  background:none;
  border:none;
  color:var(--white);
}

/* Full-Screen Hero */
.edm-fullscreen-hero{
  position:relative;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--white);
  overflow:hidden;
}
.edm-hero-bg{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.edm-hero-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(135deg, rgba(26,26,46,0.8) 0%, rgba(15,76,129,0.6) 100%);
}
.edm-hero-content-center{
  position:relative;
  z-index:2;
  max-width:800px;
}
.edm-hero-title{
  font-size:clamp(3rem, 8vw, 6rem);
  font-weight:800;
  margin-bottom:1rem;
  letter-spacing:-0.02em;
}
.edm-hero-subtitle{
  font-size:1.25rem;
  margin-bottom:2.5rem;
  opacity:0.9;
}
.edm-hero-actions{
  display:flex;
  gap:1rem;
  justify-content:center;
  flex-wrap:wrap;
}
.edm-scroll-indicator{
  position:absolute;
  bottom:2rem;
  left:50%;
  transform:translateX(-50%);
  text-align:center;
  color:var(--white);
  opacity:0.8;
  animation:bounce 2s infinite;
}
@keyframes bounce{
  0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0);}
  40%{transform:translateX(-50%) translateY(-10px);}
  60%{transform:translateX(-50%) translateY(-5px);}
}

/* Buttons */
.edm-btn{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  padding:0.875rem 2rem;
  border:none;
  border-radius:var(--radius);
  font-weight:600;
  text-decoration:none;
  transition:var(--transition);
  cursor:pointer;
}
.edm-btn-primary{
  background:var(--bright);
  color:var(--white);
}
.edm-btn-primary:hover{
  background:var(--accent);
  color:var(--white);
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}
.edm-btn-outline{
  background:transparent;
  color:var(--white);
  border:2px solid var(--white);
}
.edm-btn-outline:hover{
  background:var(--white);
  color:var(--primary);
}

/* Countdown Section */
.edm-countdown-section{
  padding:4rem 0;
  background:linear-gradient(135deg, var(--gray-50) 0%, var(--white) 100%);
}
.edm-countdown-card{
  background:var(--white);
  border-radius:var(--radius);
  padding:3rem;
  text-align:center;
  box-shadow:var(--shadow-lg);
  max-width:800px;
  margin:0 auto;
}
.edm-countdown-title{
  color:var(--primary);
  margin-bottom:1.5rem;
}
.edm-match-teams{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:1.5rem;
  margin-bottom:2.5rem;
  font-size:1.25rem;
  font-weight:600;
}
.edm-vs{
  color:var(--accent);
  font-weight:800;
}
.edm-countdown{
  display:flex;
  gap:2rem;
  justify-content:center;
  margin-bottom:2rem;
  flex-wrap:wrap;
}
.edm-countdown-item{
  text-align:center;
  min-width:100px;
}
.edm-countdown-value{
  display:block;
  font-size:3rem;
  font-weight:800;
  color:var(--bright);
  line-height:1;
}
.edm-countdown-label{
  font-size:0.875rem;
  color:var(--gray-600);
  text-transform:uppercase;
  letter-spacing:0.05em;
}

/* Section Headers */
.edm-section-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:3rem;
}
.edm-section-title{
  font-size:2.5rem;
  color:var(--primary);
  margin:0;
}
.edm-link-more{
  display:flex;
  align-items:center;
  gap:0.5rem;
  color:var(--bright);
  font-weight:600;
  transition:var(--transition);
}
.edm-link-more:hover{
  color:var(--accent);
  transform:translateX(4px);
}

/* Players Section */
.edm-players-section{
  padding:5rem 0;
  background:var(--white);
}
.edm-players-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:2rem;
}
.edm-player-card{
  background:var(--white);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:var(--transition);
  position:relative;
}
.edm-player-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-lg);
}
.edm-player-image{
  position:relative;
  aspect-ratio:3/4;
  background:var(--gray-100);
  overflow:hidden;
}
.edm-player-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.edm-player-placeholder{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  color:var(--gray-600);
}
.edm-player-number{
  position:absolute;
  top:1rem;
  right:1rem;
  background:var(--bright);
  color:var(--white);
  width:2.5rem;
  height:2.5rem;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:1.125rem;
}
.edm-player-info{
  padding:1.5rem;
}
.edm-player-name{
  font-size:1.25rem;
  margin-bottom:0.5rem;
  color:var(--primary);
}
.edm-player-position{
  color:var(--gray-600);
  font-size:0.875rem;
  text-transform:uppercase;
  letter-spacing:0.05em;
}

/* News Cards Modern */
.edm-news-modern{
  padding:5rem 0;
  background:var(--gray-50);
}
.edm-news-grid-modern{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));
  gap:2rem;
}
.edm-news-card-modern{
  background:var(--white);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:var(--transition);
}
.edm-news-card-modern:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-lg);
}
.edm-card-image{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
}
.edm-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:var(--transition);
}
.edm-news-card-modern:hover .edm-card-image img{
  transform:scale(1.05);
}
.edm-card-tag{
  position:absolute;
  top:1rem;
  left:1rem;
  background:var(--bright);
  color:var(--white);
  padding:0.25rem 0.75rem;
  border-radius:full;
  font-size:0.75rem;
  font-weight:600;
  text-transform:uppercase;
}
.edm-card-content{
  padding:1.5rem;
}
.edm-card-date{
  display:block;
  color:var(--gray-600);
  font-size:0.875rem;
  margin-bottom:0.75rem;
}
.edm-card-title{
  font-size:1.25rem;
  margin-bottom:1rem;
  line-height:1.4;
}
.edm-card-title a{
  color:var(--primary);
  transition:var(--transition);
}
.edm-card-title a:hover{
  color:var(--bright);
}
.edm-card-excerpt{
  color:var(--gray-600);
  margin-bottom:1.5rem;
  line-height:1.6;
}
.edm-card-link{
  display:flex;
  align-items:center;
  gap:0.5rem;
  color:var(--bright);
  font-weight:600;
  transition:var(--transition);
}
.edm-card-link:hover{
  color:var(--accent);
  transform:translateX(4px);
}
}
.edm-main-nav a{
  display:block;
  padding:0.75rem 1.25rem;
  color:var(--gray-900);
  font-weight:600;
  font-size:0.95rem;
  border-radius:8px;
  transition:var(--transition);
}
.edm-main-nav a:hover,
.edm-main-nav .current-menu-item > a{
  background:var(--accent);
  color:var(--white);
}

/* Hero - Full Screen */
.edm-hero-fullscreen{
  min-height:90vh;
  background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
  color:var(--white);
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.edm-hero-fullscreen::before{
  content:'';
  position:absolute;
  inset:0;
  background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.03)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');
  opacity:0.5;
}
.edm-hero-content{
  position:relative;
  z-index:2;
  text-align:center;
  max-width:900px;
  margin:0 auto;
}
.edm-hero-title{
  font-size:clamp(2.5rem, 6vw, 5rem);
  font-weight:900;
  margin-bottom:1.5rem;
  text-transform:uppercase;
  letter-spacing:-0.02em;
}
.edm-hero-subtitle{
  font-size:clamp(1.125rem, 2vw, 1.5rem);
  opacity:0.9;
  margin-bottom:2.5rem;
  line-height:1.6;
}
.edm-hero-buttons{
  display:flex;
  gap:1.5rem;
  justify-content:center;
  flex-wrap:wrap;
}
.edm-btn{
  display:inline-flex;
  align-items:center;
  gap:0.75rem;
  padding:1rem 2rem;
  border-radius:50px;
  font-weight:700;
  font-size:1rem;
  transition:var(--transition);
  text-transform:uppercase;
  letter-spacing:0.05em;
}
.edm-btn-primary{
  background:var(--bright);
  color:var(--white);
}
.edm-btn-primary:hover{
  background:var(--accent);
  transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(58,134,255,0.3);
}
.edm-btn-outline{
  background:transparent;
  color:var(--white);
  border:2px solid var(--white);
}
.edm-btn-outline:hover{
  background:var(--white);
  color:var(--primary);
}

/* Countdown */
.edm-countdown{
  background:var(--white);
  padding:3rem 0;
  border-bottom:1px solid var(--gray-200);
}
.edm-countdown-content{
  text-align:center;
  max-width:900px;
  margin:0 auto;
}
.edm-countdown-title{
  font-size:1.125rem;
  color:var(--gray-600);
  text-transform:uppercase;
  letter-spacing:0.1em;
  margin-bottom:1rem;
}
.edm-countdown-match{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2rem;
  margin:2rem 0;
  flex-wrap:wrap;
}
.edm-countdown-team{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:1rem;
}
.edm-countdown-team img{
  width:80px;
  height:80px;
  object-fit:contain;
}
.edm-countdown-team h3{
  font-size:1.5rem;
  margin:0;
}
.edm-countdown-vs{
  font-size:2rem;
  font-weight:800;
  color:var(--gray-300);
}
.edm-countdown-timer{
  display:flex;
  gap:2rem;
  justify-content:center;
  margin-top:2rem;
}
.edm-countdown-item{
  text-align:center;
}
.edm-countdown-number{
  display:block;
  font-size:3rem;
  font-weight:900;
  color:var(--bright);
  line-height:1;
}
.edm-countdown-label{
  display:block;
  font-size:0.875rem;
  color:var(--gray-600);
  text-transform:uppercase;
  letter-spacing:0.1em;
  margin-top:0.5rem;
}

/* Section */
.edm-section{
  padding:5rem 0;
}
.edm-section-header{
  text-align:center;
  margin-bottom:4rem;
}
.edm-section-title{
  font-size:2.5rem;
  margin-bottom:1rem;
}
.edm-section-subtitle{
  font-size:1.125rem;
  color:var(--gray-600);
  max-width:600px;
  margin:0 auto;
}

/* Cards - Modern */
.edm-cards-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));
  gap:2rem;
}
.edm-card{
  background:var(--white);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:var(--transition);
}
.edm-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-lg);
}
.edm-card-image{
  aspect-ratio:16/10;
  overflow:hidden;
  position:relative;
}
.edm-card-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:var(--transition);
}
.edm-card:hover .edm-card-image img{
  transform:scale(1.05);
}
.edm-card-content{
  padding:1.5rem;
}
.edm-card-meta{
  font-size:0.875rem;
  color:var(--gray-600);
  margin-bottom:0.75rem;
}
.edm-card-title{
  font-size:1.25rem;
  margin-bottom:0.75rem;
}
.edm-card-title a{
  color:var(--gray-900);
}
.edm-card-title a:hover{
  color:var(--bright);
}

/* Player Cards */
.edm-player-card{
  background:var(--white);
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:var(--transition);
  position:relative;
}
.edm-player-card:hover{
  transform:translateY(-8px);
  box-shadow:var(--shadow-lg);
}
.edm-player-image{
  aspect-ratio:3/4;
  background:linear-gradient(180deg, var(--gray-100) 0%, var(--white) 100%);
  position:relative;
  overflow:hidden;
}
.edm-player-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.edm-player-number{
  position:absolute;
  top:1rem;
  left:1rem;
  width:50px;
  height:50px;
  background:var(--bright);
  color:var(--white);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.5rem;
  font-weight:900;
}
.edm-player-info{
  padding:1.5rem;
  text-align:center;
}
.edm-player-name{
  font-size:1.25rem;
  margin-bottom:0.5rem;
}
.edm-player-position{
  font-size:0.875rem;
  color:var(--gray-600);
  text-transform:uppercase;
  letter-spacing:0.1em;
}

/* Fixture List */
.edm-fixture-list{
  background:var(--white);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.edm-fixture-item{
  padding:1.5rem;
  border-bottom:1px solid var(--gray-200);
  display:flex;
  align-items:center;
  justify-content:space-between;
  transition:var(--transition);
}
.edm-fixture-item:hover{
  background:var(--gray-50);
}
.edm-fixture-date{
  font-size:0.875rem;
  color:var(--gray-600);
  min-width:120px;
}
.edm-fixture-teams{
  display:flex;
  align-items:center;
  gap:2rem;
  flex:1;
}
.edm-fixture-team{
  display:flex;
  align-items:center;
  gap:1rem;
}
.edm-fixture-team img{
  width:40px;
  height:40px;
  object-fit:contain;
}
.edm-fixture-score{
  font-size:1.5rem;
  font-weight:900;
  color:var(--bright);
  min-width:60px;
  text-align:center;
}

/* Footer */
.edm-footer{
  background:var(--primary);
  color:var(--white);
  padding:4rem 0 2rem;
}
.edm-footer-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:3rem;
  margin-bottom:3rem;
}
.edm-footer h4{
  color:var(--white);
  margin-bottom:1.5rem;
}
.edm-footer a{
  color:rgba(255,255,255,0.8);
}
.edm-footer a:hover{
  color:var(--white);
}
.edm-footer-bottom{
  border-top:1px solid rgba(255,255,255,0.1);
  padding-top:2rem;
  text-align:center;
  color:rgba(255,255,255,0.6);
  font-size:0.875rem;
}

/* Responsive */
@media (max-width: 1024px){
  .edm-container{padding:0 1.5rem;}
  .edm-cards-grid{grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));}
}

@media (max-width: 768px){
  .edm-hero-title{font-size:2.5rem;}
  .edm-hero-buttons{flex-direction:column;align-items:center;}
  .edm-main-nav{
    position:fixed;
    top:0;
    right:-100%;
    width:280px;
    height:100vh;
    background:var(--white);
    padding:5rem 2rem;
    box-shadow:-5px 0 20px rgba(0,0,0,0.1);
    transition:var(--transition);
  }
  .edm-main-nav.is-open{right:0;}
  .edm-main-nav ul{flex-direction:column;}
  .edm-menu-toggle{
    display:block;
    width:44px;
    height:44px;
    background:var(--bright);
    color:var(--white);
    border-radius:8px;
    font-size:1.5rem;
  }
  .edm-cards-grid{grid-template-columns:1fr;}
  .edm-countdown-match{flex-direction:column;}
  .edm-fixture-item{flex-direction:column;gap:1rem;text-align:center;}
}

/* Gallery Preview */
.edm-gallery-preview{
  padding:5rem 0;
  background:var(--white);
}
.edm-gallery-grid-modern{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));
  gap:1.5rem;
}
.edm-gallery-item-modern{
  position:relative;
  aspect-ratio:16/10;
  border-radius:var(--radius);
  overflow:hidden;
  display:block;
  transition:var(--transition);
}
.edm-gallery-item-modern:hover{
  transform:scale(1.02);
}
.edm-gallery-item-modern img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.edm-gallery-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:var(--white);
  opacity:0;
  transition:var(--transition);
}
.edm-gallery-item-modern:hover .edm-gallery-overlay{
  opacity:1;
}
.edm-gallery-icon{
  margin-bottom:1rem;
}
.edm-gallery-title{
  font-weight:600;
  text-align:center;
  padding:0 1rem;
}

/* Stats Section Modern */
.edm-stats-modern{
  padding:5rem 0;
  background:var(--primary);
  color:var(--white);
}
.edm-stats-grid-modern{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:3rem;
  text-align:center;
}
.edm-stat-item{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.edm-stat-number{
  display:block;
  font-size:3rem;
  font-weight:800;
  color:var(--bright);
  line-height:1;
  margin-bottom:0.5rem;
}
.edm-stat-label{
  font-size:0.875rem;
  text-transform:uppercase;
  letter-spacing:0.05em;
  opacity:0.9;
}

/* Instagram Section */
.edm-instagram-section{
  padding:5rem 0;
  background:var(--gray-50);
}
.edm-instagram-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  gap:1rem;
}
.edm-instagram-item{
  position:relative;
  aspect-ratio:1;
  border-radius:var(--radius);
  overflow:hidden;
  display:block;
  transition:var(--transition);
}
.edm-instagram-item:hover{
  transform:scale(1.05);
}
.edm-instagram-item img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.edm-instagram-overlay{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:rgba(0,0,0,0.5);
  display:flex;
  align-items:center;
  justify-content:center;
  opacity:0;
  transition:var(--transition);
}
.edm-instagram-item:hover .edm-instagram-overlay{
  opacity:1;
}

/* Newsletter Modern */
.edm-newsletter-modern{
  padding:5rem 0;
  background:linear-gradient(135deg, var(--accent) 0%, var(--bright) 100%);
  color:var(--white);
  text-align:center;
}
.edm-newsletter-content{
  max-width:600px;
  margin:0 auto;
}
.edm-newsletter-content h2{
  font-size:2.5rem;
  margin-bottom:1rem;
}
.edm-newsletter-content p{
  font-size:1.125rem;
  margin-bottom:2rem;
  opacity:0.9;
}
.edm-newsletter-form-modern{
  display:flex;
  gap:1rem;
  max-width:400px;
  margin:0 auto;
}
.edm-newsletter-form-modern input{
  flex:1;
  padding:1rem;
  border:none;
  border-radius:var(--radius);
  font-size:1rem;
}
.edm-newsletter-form-modern button{
  padding:1rem 2rem;
  background:var(--white);
  color:var(--bright);
  border:none;
  border-radius:var(--radius);
  font-weight:600;
  transition:var(--transition);
}
.edm-newsletter-form-modern button:hover{
  background:var(--gray-100);
  transform:translateY(-2px);
}

/* Footer Modern */
.edm-footer-modern{
  background:var(--primary);
  color:var(--white);
}
.edm-footer-grid-modern{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:3rem;
  padding:4rem 0;
}
.edm-footer-col-modern h4,
.edm-footer-title{
  color:var(--bright);
  margin-bottom:1.5rem;
  font-size:1.25rem;
}
.edm-footer-desc{
  line-height:1.6;
  margin-bottom:2rem;
  opacity:0.9;
}
.edm-footer-social-modern{
  display:flex;
  gap:1rem;
}
.edm-footer-social-icon{
  color:var(--white);
  opacity:0.8;
  transition:var(--transition);
}
.edm-footer-social-icon:hover{
  opacity:1;
  color:var(--bright);
  transform:translateY(-2px);
}
.edm-footer-menu{
  list-style:none;
  padding:0;
  margin:0;
}
.edm-footer-menu li{
  margin-bottom:0.75rem;
}
.edm-footer-menu a{
  color:var(--white);
  opacity:0.9;
  transition:var(--transition);
}
.edm-footer-menu a:hover{
  opacity:1;
  color:var(--bright);
}
.edm-footer-contact{
  list-style:none;
  padding:0;
  margin:0;
}
.edm-footer-contact li{
  display:flex;
  align-items:center;
  gap:0.75rem;
  margin-bottom:1rem;
  opacity:0.9;
}
.edm-footer-contact a{
  color:var(--white);
  transition:var(--transition);
}
.edm-footer-contact a:hover{
  color:var(--bright);
}

/* Footer Bottom */
.edm-footer-bottom-modern{
  border-top:1px solid rgba(255,255,255,0.1);
  padding:2rem 0;
}
.edm-footer-bottom-flex{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
}
.edm-footer-copyright,
.edm-footer-credits{
  margin:0;
  font-size:0.875rem;
  opacity:0.8;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .edm-nav-modern{display:none;}
  .edm-menu-toggle-modern{display:flex;}
  .edm-hero-title{font-size:4rem;}
  .edm-countdown{gap:1rem;}
  .edm-countdown-value{font-size:2rem;}
}

@media (max-width: 768px) {
  .edm-container{padding:0 1rem;}
  .edm-header-flex{padding:0.75rem 0;}
  .edm-hero-title{font-size:3rem;}
  .edm-hero-actions{flex-direction:column;}
  .edm-match-teams{
    flex-direction:column;
    gap:0.5rem;
  }
  .edm-vs{order:2;}
  .edm-countdown{
    grid-template-columns:repeat(2, 1fr);
    gap:1rem;
  }
  .edm-news-grid-modern{
    grid-template-columns:1fr;
  }
  .edm-players-grid{
    grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
  }
  .edm-newsletter-form-modern{
    flex-direction:column;
  }
  .edm-footer-bottom-flex{
    flex-direction:column;
    text-align:center;
  }
}

@media (max-width: 480px) {
  .edm-hero-title{font-size:2.5rem;}
  .edm-section-title{font-size:2rem;}
  .edm-section-header{
    flex-direction:column;
    align-items:flex-start;
    gap:1rem;
  }
  .edm-countdown{
    grid-template-columns:repeat(2, 1fr);
  }
  .edm-stats-grid-modern{
    grid-template-columns:repeat(2, 1fr);
    gap:2rem;
  }
}

/* Accessibility and Animations */
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
  .edm-scroll-indicator{animation:none;}
}

/* Focus States */
*:focus-visible{
  outline:2px solid var(--bright);
  outline-offset:2px;
  border-radius:4px;
}

/* Loading States */
.edm-loading{
  opacity:0.7;
  pointer-events:none;
}

/* Print Styles */
@media print{
  .edm-topbar-modern,
  .edm-header-modern,
  .edm-footer-modern,
  .edm-search-overlay{display:none;}
}
/* Header Scroll Effects */
.edm-header-modern.is-scrolled{
  background:rgba(255,255,255,0.95);
  backdrop-filter:blur(10px);
}
.edm-header-modern.is-hidden{
  transform:translateY(-100%);
}

/* Mobile Menu Styles */
@media (max-width: 1024px) {
  .edm-nav-modern{
    position:fixed;
    top:0;
    left:-100%;
    width:300px;
    height:100vh;
    background:var(--white);
    box-shadow:var(--shadow-lg);
    padding:2rem;
    transition:var(--transition);
    z-index:9999;
  }
  .edm-nav-modern.is-open{
    left:0;
  }
  .edm-nav-modern .edm-nav-menu{
    flex-direction:column;
    gap:0;
  }
  .edm-nav-modern .edm-nav-menu li a{
    padding:1rem 0;
    border-bottom:1px solid var(--gray-100);
  }
  .edm-menu-toggle-modern.is-active span:nth-child(1){
    transform:rotate(45deg) translate(5px, 5px);
  }
  .edm-menu-toggle-modern.is-active span:nth-child(2){
    opacity:0;
  }
  .edm-menu-toggle-modern.is-active span:nth-child(3){
    transform:rotate(-45deg) translate(7px, -6px);
  }
  body.menu-open{
    overflow:hidden;
  }
  body.menu-open::before{
    content:'';
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    z-index:9998;
  }
}

/* Scroll Reveal Animations */
.edm-news-card-modern,
.edm-player-card,
.edm-gallery-item-modern{
  opacity:0;
  transform:translateY(30px);
  transition:var(--transition);
}
.edm-news-card-modern.is-revealed,
.edm-player-card.is-revealed,
.edm-gallery-item-modern.is-revealed{
  opacity:1;
  transform:translateY(0);
}

/* Skip Link */
.skip-link:focus{
  top:6px !important;
}

/* Additional Utility Classes */
.edm-loading{
  opacity:0.7;
  pointer-events:none;
}
.edm-fade-in{
  animation:fadeIn 0.6s ease-out;
}
@keyframes fadeIn{
  from{opacity:0;transform:translateY(20px);}
  to{opacity:1;transform:translateY(0);}
}

/* Theme Loaded State */
body.edm-loaded{
  opacity:1;
}
body:not(.edm-loaded){
  opacity:0;
  transition:opacity 0.3s ease;
}

/* Hero Background Lazy Load */
.edm-hero-bg.lazy{
  background-image:none !important;
  background-color:var(--gray-200);
}

/* Instagram Grid Hover Effects */
.edm-instagram-item{
  transition:var(--transition);
}
.edm-instagram-item:hover{
  transform:scale(1.05);
}

/* Enhanced Focus Styles */
.edm-btn:focus-visible,
.edm-card-link:focus-visible,
.edm-link-more:focus-visible{
  outline:2px solid var(--bright);
  outline-offset:2px;
  border-radius:var(--radius);
}

/* Form Enhancements */
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
  outline:2px solid var(--bright);
  outline-offset:2px;
  border-radius:var(--radius);
}

/* Loading Spinner */
.edm-spinner{
  display:inline-block;
  width:20px;
  height:20px;
  border:2px solid var(--gray-200);
  border-radius:50%;
  border-top-color:var(--bright);
  animation:spin 1s ease-in-out infinite;
}
@keyframes spin{
  to{transform:rotate(360deg);}
}

/* Error States */
.edm-error{
  color:#e74c3c;
  font-size:0.875rem;
  margin-top:0.5rem;
}

/* Success States */
.edm-success{
  color:#27ae60;
  font-size:0.875rem;
  margin-top:0.5rem;
}

/* Final optimizations */
*{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}