/*
Theme Name: AEM Egipat
Theme URI: https://example.com/aem-egipat
Author: ChatGPT
Description: Osnovna WordPress tema inspirisana egipatskom/mističnom estetikom sa tamnom pozadinom, zlatnim detaljima, hero sekcijom, karticama usluga i responsivnim menijem.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: aem-egipat
*/

:root{
  --bg:#070b14;
  --panel:#0b1020;
  --panel-2:#111827;
  --gold:#f4d58b;
  --gold-2:#c9953d;
  --text:#fff8df;
  --muted:#c7bca7;
  --cyan:#23c7dc;
  --border:rgba(244,213,139,.28);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background-attachment: fixed !important;
  background: url(https://azegyiptomifehermagiaiskolaja.net/wp-content/themes/aem-egipat-theme/img/bg.jpg);
  color:var(--text);
  font-family: 'Segoe UI', Arial, sans-serif;
  overflow-x:hidden;
}

body:before,
body:after{
  content:"☥ 𓂀 𓆣 𓋹 𓃭 𓏏 𓇋 𓊃 𓉔 𓂋 𓈖 𓆑 𓅓 𓄿";
  position:fixed;
  top:0;
  bottom:0;
  width:120px;
  padding:20px 14px;
  color:rgba(244,213,139,.16);
  font-size:31px;
  line-height:1.35;
  letter-spacing:8px;
  word-break:break-all;
  z-index:-1;
  background:linear-gradient(90deg, rgba(13,20,36,.86), rgba(13,20,36,.18));
  border-right:1px solid rgba(244,213,139,.12);
}
body:before{left:0}
body:after{right:0; transform:scaleX(-1)}

a{color:var(--gold); text-decoration:none}
a:hover{color:#fff1be}

.site-shell{
  width:min(1120px, calc(100% - 32px));
  margin:64px auto 34px;
  border:1px solid var(--border);
  background:rgba(8,12,23,.93);
  box-shadow:0 22px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.03) inset;
  position:relative;
}

.site-shell:before{
  content:"";
  position:absolute;
  top:-79px;
  left:50%;
  transform:translateX(-50%);
  width:210px;
  height:90px;
  background-image: url(https://azegyiptomifehermagiaiskolaja.net/wp-content/themes/aem-egipat-theme/img/hl.png);
    background-size: contain;
    background-position: center;
  background-repeat: no-repeat;
}

.hiero-band{
  height:34px;
  border-bottom:1px solid var(--border);
  border-top:1px solid rgba(244,213,139,.2);
  background:
    repeating-linear-gradient(90deg, rgba(244,213,139,.18) 0 1px, transparent 1px 38px),
    linear-gradient(90deg, rgba(244,213,139,.06), rgba(35,199,220,.06), rgba(244,213,139,.06));
  color:rgba(244,213,139,.48);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  letter-spacing:9px;
  overflow:hidden;
}

.site-header{
  min-height:92px;
  background-image: linear-gradient(to bottom, #cf748a, rgb(61 20 74 / 96%)); 
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 48px;
  border-bottom:1px solid rgba(244,213,139,.14);
}



.logo{
  display:flex;
  align-items:center;
  gap:10px;
  color:var(--gold);
  font-family: Georgia, 'Times New Roman', serif;
  font-size:25px;
  line-height:1;
  font-weight:600;
  letter-spacing:.5px;
}
.logo span:first-child{font-size:34px; filter:drop-shadow(0 0 8px rgba(244,213,139,.4))}

.main-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:30px;
}
.main-nav a{
  color:#f7eed9;
  font-size:25px;
  font-weight:500;
  position:relative;
}
.main-nav a:after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:-9px;
  height:1px;
  transform:scaleX(0);
  background:var(--gold);
  transition:.25s ease;
}
.main-nav a:hover:after{transform:scaleX(1)}

.lang-switch{
  padding:11px 16px;
  border:1px solid rgba(244,213,139,.18);
  border-radius:7px;
  color:#fff;
  background:#0c1220;
  font-size:14px;
}
.mobile-toggle{display:none}

.hero{
  min-height:440px;
  position:relative;
  display:flex;
  align-items:center;
  padding:68px 90px;
  overflow:hidden;
  background-image: url(https://azegyiptomifehermagiaiskolaja.net/wp-content/themes/aem-egipat-theme/img/header2.jpg);
  background-size: cover;
  background-position: center;
}

.hero-content{position:relative; z-index:1; max-width:520px}
.hero h1{
  margin:0 0 18px;
  font-family: Georgia, 'Times New Roman', serif;
  color:black;
  font-size:64px;
  line-height:.98;
  font-weight:500;
  text-shadow:0 3px 16px rgba(0,0,0,.5);
}
.hero p{
  max-width:420px;
  margin:0 0 28px;
  color:black;
  font-size:18px;
  line-height:1.35;
}
.btn-gold{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 34px;
  border-radius:7px;
  background:linear-gradient(180deg, #fff1bd, #e1a34f);
  color:#1d140a;
  font-weight:700;
  border:1px solid rgba(255,255,255,.5);
  box-shadow:0 11px 24px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.65);
}
.btn-gold:hover{color:#000; transform:translateY(-1px)}

.cards-section{
  padding:32px 86px 14px;
  background:linear-gradient(180deg, rgba(10,15,27,.98), rgba(7,10,18,.98));
}
.cards-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:22px;
}
.aem-card{
  min-height:230px;
  padding:34px 24px 26px;
  text-align:center;
  border:1px solid rgba(244,213,139,.22);
  border-radius:7px;
  background: linear-gradient(180deg, #cf748a, rgb(61 20 74 / 96%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:.25s ease;
}
.aem-card:hover{transform:translateY(-4px); border-color:rgba(244,213,139,.5)}
.card-icon{
  color:var(--gold);
  font-size:72px;
  line-height:1;
  margin-bottom:18px;
  font-family: Georgia, 'Times New Roman', serif;
  filter:drop-shadow(0 0 12px rgba(244,213,139,.25));
}
.aem-card h2{
  margin:0 0 10px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size:31px;
  font-weight:500;
  color:#fff4c9;
}
.aem-card p{margin:0; color:var(--muted); font-size:14px; line-height:1.45}

.content-area{padding:48px 86px; background:#080d19}
.content-area h1,.content-area h2,.content-area h3{font-family:Georgia,'Times New Roman',serif;color:#fff0b9}
.content-area p{color:#e6dcc6; line-height:1.75}

.site-footer{
  position:relative;
  padding:28px 86px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#c9bfa8;
  background:#070a12;
  border-top:1px solid rgba(244,213,139,.15);
}
.footer-social{display:flex; gap:18px; align-items:center}
.footer-social a{color:#e8dcc0; font-size:18px}

@media (max-width: 900px){
  body:before,body:after{display:none}
  .site-shell{width:100%; margin:0; border-left:0; border-right:0}
  .site-header{padding:20px; flex-wrap:wrap; gap:18px}
  .mobile-toggle{display:block; background:transparent; color:var(--gold); border:1px solid var(--border); padding:9px 12px; border-radius:6px;font-size: 30px;}
  .logo-text{width: 70%;}
  .main-nav{display:none; width:100%}
  .main-nav.is-open{display:block}
  .main-nav ul{display:block; text-align: center;}
  .main-nav li{border-top:1px solid rgba(244,213,139,.1); padding:13px 0}
  .lang-switch{margin-left:auto}
  .hero{padding:56px 24px; min-height:500px}
  .hero h1{font-size:47px}
  .hero:before{right:18px; opacity:.42}
  .hero:after{right:-80px; opacity:.4}
  .cards-section,.content-area,.site-footer{padding-left:22px; padding-right:22px}
  .cards-grid{grid-template-columns:1fr}
  .site-footer{display:block; text-align:center}
  .footer-social{justify-content:center; margin-top:16px}
}



.magije-cat .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
    color: inherit;
	position: absolute;
	bottom: 0px;
    background: #000000c9;
    width: 100%;
}


}