/* ============================================================
   AURELIA Ékszerház — prémium demo réteg (MegaOne jewelry sablonra)
   Ez a fájl CSAK felülír és hozzáad, eredeti style.css érintetlen.
   ============================================================ */

:root{
  --aurelia-gold:#c9a24b;
  --aurelia-gold-soft:#e8cf8f;
  --aurelia-ink:#16130e;
  --aurelia-cream:#faf6ec;
}

html{scroll-behavior:smooth}
::selection{background:var(--aurelia-gold);color:#fff}

/* ---------- NAVBAR: olvasható sötét heron + világos logó ---------- */
#my-nav1 .navbar-nav .nav-link{color:#fff;transition:color .3s}
#my-nav1 .navbar-nav .nav-link:hover{color:var(--aurelia-gold-soft)}
#my-nav1.fixed-menu .navbar-nav .nav-link{color:#222}
#my-nav1.fixed-menu .navbar-nav .nav-link:hover{color:var(--aurelia-gold)}
#my-nav1 .banner-icons a .icons{transition:background-color .3s,color .3s,border-color .3s}
#my-nav1:not(.fixed-menu) .banner-icons a .icons{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.55)}
#my-nav1:not(.fixed-menu) .banner-icons a .icons:hover{background:var(--aurelia-gold);border-color:var(--aurelia-gold);color:#fff}
#my-nav1:not(.fixed-menu) .logo img{filter:brightness(0) invert(1)}
/* ---------- NAVBAR: mindig kattintható + szolid bg a heron ---------- */
#my-nav1{z-index:50}
#my-nav1:not(.fixed-menu){background:linear-gradient(180deg,rgba(10,8,5,.9) 0%,rgba(10,8,5,.55) 60%,rgba(10,8,5,0) 100%)}
#home .container{position:relative;z-index:1}
/* Ikoncsoport teljesen jobbra, 30px margóval */
#my-nav1 .bg-trans-color{padding-right:30px}

/* ---------- HERO (gála-estély) ---------- */
.bg-banner-img{
  background-image:url("../img/demo/demo-hero-gala.jpg");
  background-position:center right;
}
#home{position:relative}
#home::before{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(10,8,5,.72) 0%,rgba(10,8,5,.45) 34%,rgba(10,8,5,0) 62%);
  pointer-events:none;
}
#home .container{position:relative;z-index:1}
#home .slider-text .heading,
#home .slider-text .main-heading{color:#fff !important;text-shadow:0 2px 30px rgba(0,0,0,.45)}
#home .slider-text .heading{letter-spacing:.35em;text-transform:uppercase;font-size:15px !important}
#home .slider-text .main-heading{
  background:linear-gradient(105deg,#fff 20%,var(--aurelia-gold-soft) 45%,#fff 70%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:aurelia-shine 7s linear infinite;
}
@keyframes aurelia-shine{to{background-position:220% center}}
.btn-gold{
  background:linear-gradient(135deg,var(--aurelia-gold),#a37f2c);
  color:#fff !important;border:1px solid var(--aurelia-gold);
}
.btn-gold:hover{background:transparent;color:var(--aurelia-gold-soft) !important;border-color:var(--aurelia-gold-soft)}
.btn-ghost-light{background:transparent;color:#fff !important;border:1px solid rgba(255,255,255,.7)}
.btn-ghost-light:hover{background:#fff;color:var(--aurelia-ink) !important}
.hero-scroll-hint{
  position:absolute;left:50%;bottom:26px;transform:translateX(-50%);
  color:rgba(255,255,255,.75);font-size:11px;letter-spacing:.3em;text-transform:uppercase;z-index:2;
}
.hero-scroll-hint::after{
  content:"";display:block;width:1px;height:44px;margin:10px auto 0;
  background:linear-gradient(var(--aurelia-gold-soft),transparent);
  animation:aurelia-drop 2.2s ease-in-out infinite;
}
@keyframes aurelia-drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ---------- MARQUEE szalag ---------- */
.aurelia-marquee{
  background:var(--aurelia-ink);color:var(--aurelia-gold-soft);
  overflow:hidden;white-space:nowrap;padding:14px 0;
  font-family:'Prata',serif;font-size:14px;letter-spacing:.25em;text-transform:uppercase;
}
.aurelia-marquee span{display:inline-block;padding-left:100%;animation:aurelia-marquee 28s linear infinite}
.aurelia-marquee b{color:#fff;font-weight:normal;margin:0 18px}
@keyframes aurelia-marquee{to{transform:translateX(-100%)}}

/* ---------- Kollekció képek: arany keret + zoom ---------- */
.bridal-img{overflow:hidden;position:relative}
.bridal-img img{transition:transform 1.1s cubic-bezier(.19,1,.22,1) !important;width:100%}
.bridal-img:hover img{transform:scale(1.06)}
.bridal-img::after{
  content:"";position:absolute;inset:18px;border:1px solid rgba(201,162,75,.0);
  transition:border-color .6s ease;pointer-events:none;
}
.bridal-img:hover::after{border-color:rgba(201,162,75,.85)}

/* ---------- Shop rács: név / ár / jelvény ---------- */
.demo-product-info{padding:16px 6px 4px;text-align:center}
.demo-product-info h4{font-family:'Prata',serif;font-size:19px;color:#222;margin:0 0 4px}
.demo-product-info .price{color:var(--aurelia-gold);font-weight:bold;letter-spacing:.05em}
.demo-product-info .price s{color:#aaa;font-weight:normal;margin-right:8px}
.demo-badge{
  display:inline-block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  padding:4px 12px;margin-bottom:8px;color:#fff;background:#222;
}
.demo-badge.is-sale{background:#a31621}
.demo-badge.is-new{background:var(--aurelia-gold)}
.demo-badge.is-limited{background:#000;border:1px solid var(--aurelia-gold);color:var(--aurelia-gold-soft)}
.product-hover-effect{overflow:hidden}
.product-hover-effect img{transition:transform 1s cubic-bezier(.19,1,.22,1)}
.product-hover-effect:hover img{transform:scale(1.07)}
.product-filter span{transition:color .3s}
.product-filter:hover span{color:var(--aurelia-gold) !important}

/* ---------- GÁLA LOOKBOOK (discount helyén) ---------- */
.bg-discount{background-image:url("../img/demo/demo-gala-lookbook.jpg")}
.overlay-discount{background:rgba(10,8,5,.55)}
#discount .content .heading{color:var(--aurelia-gold-soft) !important;letter-spacing:.35em;text-transform:uppercase;font-size:15px}
#discount .content .main-heading{color:#fff !important;text-shadow:0 2px 26px rgba(0,0,0,.5)}
#discount .content p{color:rgba(255,255,255,.85)}

/* ---------- Vásárolható lookbook hotspotok ---------- */
.lookbook-stage{position:relative;overflow:hidden}
.lookbook-stage img{width:100%;display:block;transition:transform 1.2s cubic-bezier(.19,1,.22,1)}
.lookbook-stage:hover img{transform:scale(1.04)}
.lookbook-dot{
  position:absolute;width:34px;height:34px;border-radius:50%;
  background:rgba(201,162,75,.9);border:2px solid #fff;cursor:pointer;
  transform:translate(-50%,-50%);box-shadow:0 0 0 0 rgba(201,162,75,.6);
  animation:aurelia-pulse 2.4s infinite;
}
@keyframes aurelia-pulse{70%{box-shadow:0 0 0 16px rgba(201,162,75,0)}100%{box-shadow:0 0 0 0 rgba(201,162,75,0)}}
.lookbook-dot::after{
  content:attr(data-name);position:absolute;bottom:42px;left:50%;transform:translateX(-50%) translateY(6px);
  background:#111;color:#fff;font-size:12px;letter-spacing:.05em;padding:8px 14px;white-space:nowrap;
  opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;
}
.lookbook-dot:hover::after,.lookbook-dot.active::after{opacity:1;transform:translateX(-50%) translateY(0)}

/* ---------- Műhely / számok ---------- */
.aurelia-craft{background:var(--aurelia-ink);color:#fff}
.aurelia-craft .stat-num{font-family:'Prata',serif;font-size:52px;color:var(--aurelia-gold-soft)}
.aurelia-craft .stat-label{letter-spacing:.25em;text-transform:uppercase;font-size:12px;color:rgba(255,255,255,.65)}

/* ---------- Blog kártyák ---------- */
.blog-item .blog-img{overflow:hidden}
.blog-item .blog-img img{transition:transform 1s cubic-bezier(.19,1,.22,1)}
.blog-item:hover .blog-img img{transform:scale(1.07)}
.blog-heading{transition:color .3s}
.blog-item:hover .blog-heading{color:var(--aurelia-gold) !important}

/* ---------- Aloldal fejlécek: prémium képek ---------- */
.header-about-img{background-image:url("../img/demo/demo-header-atelier.jpg")}
.bg-choose-img{background-image:url("../img/demo/demo-journal-01.jpg")}
.header-cart-img{background-image:url("../img/demo/demo-header-boutique.jpg")}
.header-detail-img{background-image:url("../img/demo/demo-diamond-macro.jpg")}
.header-shop-img{background-image:url("../img/demo/demo-header-boutique.jpg")}
.header-contact-img{background-image:url("../img/demo/demo-header-atelier.jpg")}
.header-blog-img{background-image:url("../img/demo/demo-journal-03.jpg")}
.header-detail-blog-img{background-image:url("../img/demo/demo-journal-02.jpg")}

/* ---------- Demo kosár toast + számláló jelvény ---------- */
.aurelia-cart-count{
  position:absolute;top:-6px;right:-8px;min-width:20px;height:20px;line-height:20px;
  border-radius:10px;background:#c9a24b;color:#fff;font-size:11px;font-weight:bold;
  text-align:center;padding:0 5px;
}
.aurelia-toast{
  display:none;position:fixed;left:50%;bottom:28px;transform:translateX(-50%);
  background:#16130e;color:#f5e9c8;font-size:14px;letter-spacing:.05em;
  border:1px solid #c9a24b;padding:12px 26px;z-index:9999;white-space:nowrap;
}

/* ---------- Footer hangolás ---------- */
#footer{background:var(--aurelia-ink)}
#footer .footer_text{color:rgba(255,255,255,.6)}
#footer .footer_list{background:rgba(255,255,255,.06);transition:background .3s,transform .3s}
#footer .footer_list:hover{background:var(--aurelia-gold);transform:translateY(-3px)}
#footer .footer_list i{color:var(--aurelia-gold-soft)}

/* ---------- Mobil finomítás ---------- */
@media(max-width:767px){
  #home::before{background:linear-gradient(180deg,rgba(10,8,5,.55),rgba(10,8,5,.25) 55%,rgba(10,8,5,.55))}
  #home .slider-text .main-heading{font-size:46px !important}
  .aurelia-craft .stat-num{font-size:38px}
}