/* Loaded after Elementor. These are the approved Greative homepage rules. */
.greative-approved-hero-section>.elementor-container{max-width:none!important}.greative-approved-hero-section .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0!important}.elementor-widget-greative-hero,.elementor-widget-greative-hero>.elementor-widget-container{width:100%!important}.greative-live-approved-hero{width:min(1500px,100%)!important;margin:14px auto 0!important;display:grid!important;grid-template-columns:2fr 1fr!important;gap:14px!important}.greative-live-approved-hero .hero-slider{min-height:610px!important}.greative-live-approved-hero .side-banners{display:grid!important;grid-template-rows:1fr 1fr!important;gap:14px!important}.greative-live-approved-hero .side-banner{min-height:298px!important;background-position:center!important;background-size:cover!important}.greative-live-approved-hero .slide-copy h1{font:70px/1.02 Marcellus,Georgia,serif!important}.greative-live-approved-hero .side-copy h3{font:27px Marcellus,Georgia,serif!important}
.greative-products-section .elementor-heading-title{font-family:Marcellus,Georgia,serif!important;font-size:42px!important;font-weight:400!important;line-height:1.15!important;color:#181714!important}
.greative-products-section .elementor-widget-text-editor{font-family:Manrope,Arial,sans-serif!important;color:#716c64!important}
.greative-products-section ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin-top:28px!important}
.greative-products-section ul.products li.product{width:auto!important;margin:0!important}
.greative-products-section ul.products li.product img{width:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;margin:0 0 14px!important}
.greative-products-section ul.products li.product .woocommerce-loop-product__title{font:16px/1.35 Marcellus,Georgia,serif!important}
.greative-motion-card{position:relative!important;overflow:hidden!important;background-size:cover!important;background-position:50% center!important;transition:transform .55s ease,background-position .75s ease,box-shadow .55s ease!important}
.greative-motion-card:hover{transform:translateY(-3px) scale(1.008)!important;background-position:53% center!important;box-shadow:0 14px 32px rgba(0,0,0,.12)!important}
.greative-motion-card:after{content:""!important;position:absolute!important;z-index:1!important;top:-35%!important;bottom:-35%!important;left:-65%!important;width:38%!important;pointer-events:none!important;transform:skewX(-18deg)!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),rgba(255,255,255,.08),transparent)!important;transition:left .8s ease!important}
.greative-motion-card:hover:after{left:130%!important}
.greative-motion-card>.elementor-container,.greative-motion-card>.elementor-widget-wrap{position:relative!important;z-index:2!important}
.greative-story-card{min-height:430px!important}.greative-banner-card{min-height:298px!important}.greative-hero-card{min-height:610px!important}
@media(max-width:767px){.greative-live-approved-hero{display:block!important;margin:0!important}.greative-live-approved-hero .hero-slider{min-height:530px!important}.greative-live-approved-hero .slide-copy{left:7%!important;right:7%!important;top:auto!important;bottom:50px!important;transform:none!important}.greative-live-approved-hero .slide-copy h1{font-size:43px!important}.greative-live-approved-hero .side-banners{padding:12px 4vw!important}.greative-live-approved-hero .side-banner{min-height:280px!important}.greative-products-section .elementor-heading-title{font-size:34px!important}.greative-products-section ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important}.greative-story-card{min-height:300px!important}.greative-banner-card{min-height:210px!important}.greative-hero-card{min-height:440px!important}}

/* v5.1 typography correction */
.greative-products-section .elementor-heading-title{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:500!important;letter-spacing:-.02em!important}

/* v5.2 — exact typography + visible motion for the “Ιστορίες Που Εμπνέουν” cards. */
.greative-elementor-home .greative-new-arrivals .elementor-heading-title,
.greative-elementor-home .greative-best-sellers .elementor-heading-title,
.greative-elementor-home .elementor-element-grnewh01 .elementor-heading-title,
.greative-elementor-home .elementor-element-grbesth1 .elementor-heading-title{
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;
  font-size:44px!important;
  line-height:1.05!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
}
.greative-elementor-home .greative-story-card{
  background-size:108% auto!important;
  animation:greativeStoryPan 13s ease-in-out infinite alternate!important;
  will-change:background-position,background-size;
}
.greative-elementor-home .greative-story-card:nth-child(2){animation-delay:-6.5s!important;}
.greative-elementor-home .greative-story-card .elementor-heading-title,
.greative-elementor-home .greative-story-card .elementor-widget-text-editor{
  transition:transform .5s ease,opacity .5s ease!important;
}
.greative-elementor-home .greative-story-card:hover .elementor-heading-title,
.greative-elementor-home .greative-story-card:hover .elementor-widget-text-editor{
  transform:translateY(-5px)!important;
}
@keyframes greativeStoryPan{
  0%{background-position:47% 50%;background-size:108% auto;}
  100%{background-position:55% 50%;background-size:114% auto;}
}
@media(max-width:767px){
  .greative-elementor-home .greative-story-card{background-size:auto 108%!important;animation-duration:11s!important;}
  .greative-elementor-home .greative-new-arrivals .elementor-heading-title,
  .greative-elementor-home .greative-best-sellers .elementor-heading-title,
  .greative-elementor-home .elementor-element-grnewh01 .elementor-heading-title,
  .greative-elementor-home .elementor-element-grbesth1 .elementor-heading-title{font-size:36px!important;}
}
@media(prefers-reduced-motion:reduce){.greative-elementor-home .greative-story-card{animation:none!important;}}


/* ==========================================================
   v5.3 HARD FIX — selectors that match the ACTUAL Elementor DOM
   ========================================================== */

/* Product section typography: no non-existent parent wrapper. */
.greative-new-arrivals .elementor-heading-title,
.greative-best-sellers .elementor-heading-title,
.elementor-element-grnewh01 .elementor-heading-title,
.elementor-element-grbesth1 .elementor-heading-title,
.section.locked-products .section-head h2{
  font-family:"Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size:46px !important;
  line-height:1.02 !important;
  font-weight:500 !important;
  letter-spacing:-.035em !important;
  text-transform:none !important;
}
.greative-new-arrivals .elementor-widget-text-editor,
.greative-best-sellers .elementor-widget-text-editor,
.elementor-element-grnewtx1,
.elementor-element-grbestt1,
.section.locked-products .section-head p{
  font-family:Manrope, Arial, sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  color:#716c64 !important;
}
.greative-products-section ul.products li.product .woocommerce-loop-product__title,
.locked-products .card-title{
  font-family:"Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
}

/* Stories heading + card copy typography. */
.elementor-element-grsth000 .elementor-heading-title,
.greative-stories-section .elementor-heading-title{
  font-family:"Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-weight:500 !important;
  letter-spacing:-.025em !important;
}
.elementor-element-grsth000 .elementor-heading-title{font-size:42px !important;line-height:1.08 !important;}
.greative-story-card .elementor-heading-title{
  font-family:"Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  font-size:30px !important;
  line-height:1.08 !important;
  font-weight:600 !important;
}
.greative-story-card .elementor-widget-text-editor,
.greative-story-card .elementor-widget-text-editor p{
  font-family:Manrope, Arial, sans-serif !important;
}

/* Continuous, clearly visible but elegant motion. Applied directly to the
   actual Elementor columns, so it works on already-created homepages too. */
.greative-story-card{
  overflow:hidden !important;
  background-size:112% auto !important;
  background-position:46% 50% !important;
  animation:greativeStoryPan53 9s ease-in-out infinite alternate !important;
  will-change:background-position,background-size !important;
}
.greative-story-card:nth-child(even){
  animation-delay:-4.5s !important;
  animation-direction:alternate-reverse !important;
}
.greative-story-card .elementor-widget-heading,
.greative-story-card .elementor-widget-text-editor{
  transition:transform .55s ease, opacity .55s ease !important;
}
.greative-story-card:hover .elementor-widget-heading,
.greative-story-card:hover .elementor-widget-text-editor{
  transform:translateY(-7px) !important;
}
@keyframes greativeStoryPan53{
  0%{background-position:44% 50%;background-size:110% auto;}
  50%{background-position:50% 48%;background-size:116% auto;}
  100%{background-position:58% 52%;background-size:112% auto;}
}

/* Desktop menu: normal flex flow, generous gap, and extra breathing room
   before ARTDOME. No absolute positioning, so adding/removing items cannot
   make ARTDOME sit on top of its neighbour. */
@media (min-width: 901px){
  .site-header > .main-nav{width:100% !important;padding-inline:20px !important;overflow:visible !important;}
  .main-nav ul.greative-primary-menu{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:clamp(22px,2.2vw,38px) !important;
    width:auto !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
  }
  .main-nav ul.greative-primary-menu > li{
    position:relative !important;
    flex:0 0 auto !important;
    margin:0 !important;
  }
  .main-nav ul.greative-primary-menu > li.artdome-menu{
    margin-left:10px !important;
  }
  .main-nav ul.greative-primary-menu > li > a{
    white-space:nowrap !important;
    padding-inline:0 !important;
  }
}
@media (min-width:901px) and (max-width:1120px){
  .main-nav ul.greative-primary-menu{gap:18px !important;}
  .main-nav ul.greative-primary-menu > li.artdome-menu{margin-left:6px !important;}
  .main-nav ul.greative-primary-menu > li > a{font-size:10px !important;letter-spacing:.055em !important;}
}
@media (max-width:767px){
  .greative-new-arrivals .elementor-heading-title,
  .greative-best-sellers .elementor-heading-title,
  .elementor-element-grnewh01 .elementor-heading-title,
  .elementor-element-grbesth1 .elementor-heading-title{font-size:36px !important;}
  .elementor-element-grsth000 .elementor-heading-title{font-size:35px !important;}
  .greative-story-card{background-size:auto 116% !important;animation-duration:8s !important;}
}

/* ==========================================================
   v5.5 FINAL DOM FIX — menu spacing, clickable cards, real BG motion
   ========================================================== */

/* Keep a physical gap before ARTDOME regardless of theme/menu CSS. */
@media (min-width: 651px){
  .main-nav ul.greative-primary-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    column-gap:clamp(24px,2.4vw,40px) !important;
    row-gap:0 !important;
  }
  .main-nav ul.greative-primary-menu > li{
    flex:0 0 auto !important;
    position:relative !important;
  }
  .main-nav ul.greative-primary-menu > li.artdome-menu{
    margin-left:16px !important;
    padding-left:0 !important;
  }
  .main-nav ul.greative-primary-menu > li.artdome-menu::before{
    content:"" !important;
    position:absolute !important;
    left:-18px !important;
    top:50% !important;
    width:1px !important;
    height:18px !important;
    transform:translateY(-50%) !important;
    background:#eadfce !important;
  }
  .main-nav ul.greative-primary-menu > li > a{
    display:flex !important;
    align-items:center !important;
    min-width:max-content !important;
    white-space:nowrap !important;
  }
}
@media (min-width:651px) and (max-width:1100px){
  .main-nav ul.greative-primary-menu{column-gap:18px !important;}
  .main-nav ul.greative-primary-menu > li.artdome-menu{margin-left:10px !important;}
  .main-nav ul.greative-primary-menu > li.artdome-menu::before{left:-12px !important;}
}

/* Elementor stores column background images on .elementor-element-populated.
   Animate the real background-bearing element instead of the outer column. */
.greative-story-card > .elementor-widget-wrap,
.greative-story-card > .elementor-element-populated,
.greative-story-card > .elementor-widget-wrap.elementor-element-populated{
  position:relative !important;
  overflow:hidden !important;
  background-size:112% auto !important;
  background-position:44% 50% !important;
  animation:greativeRealStoryPan55 8s ease-in-out infinite alternate !important;
  will-change:background-position,background-size !important;
  cursor:pointer !important;
}
.greative-story-card:nth-child(even) > .elementor-widget-wrap,
.greative-story-card:nth-child(even) > .elementor-element-populated,
.greative-story-card:nth-child(even) > .elementor-widget-wrap.elementor-element-populated{
  animation-delay:-4s !important;
  animation-direction:alternate-reverse !important;
}
@keyframes greativeRealStoryPan55{
  0%{background-position:42% 50%;background-size:110% auto;}
  50%{background-position:50% 48%;background-size:116% auto;}
  100%{background-position:59% 52%;background-size:112% auto;}
}

/* If Elementor applies the image to the section/column itself, keep that path animated too. */
.greative-story-card{
  cursor:pointer !important;
  animation:greativeRealStoryPan55 8s ease-in-out infinite alternate !important;
}

/* Make text/links sit over the card and visibly respond on hover. */
.greative-story-card .elementor-widget-wrap > *,
.greative-story-card .elementor-element-populated > *{
  position:relative !important;
  z-index:3 !important;
}
.greative-story-card .elementor-heading-title,
.greative-story-card .elementor-widget-text-editor,
.greative-story-card .elementor-widget-text-editor p{
  pointer-events:none !important;
}
.greative-story-card::after{
  content:"" !important;
  position:absolute !important;
  z-index:2 !important;
  inset:0 !important;
  pointer-events:none !important;
  background:linear-gradient(90deg,rgba(0,0,0,.38),rgba(0,0,0,.03) 70%) !important;
}

/* Hero/side image buttons and links must stay clickable above shine overlays. */
.greative-live-approved-hero a,
.hero-slider a,
.side-banner a,
.side-banner .section-link,
.story-card a,
.story-card .section-link,
.greative-motion-card .elementor-button,
.greative-motion-card a.elementor-button{
  position:relative !important;
  z-index:12 !important;
  pointer-events:auto !important;
}
.greative-motion-card::after,
.silver-shine::before{pointer-events:none !important;}

@media (max-width:767px){
  .greative-story-card > .elementor-widget-wrap,
  .greative-story-card > .elementor-element-populated,
  .greative-story-card > .elementor-widget-wrap.elementor-element-populated{
    background-size:auto 116% !important;
    animation-duration:7s !important;
  }
}

/* v5.6 — hard-target the actual Elementor IDs of the approved Stories section.
   This does not rely on wrapper classes or generated nesting. */
.elementor-element-grsth000 .elementor-heading-title,
.elementor-element[data-id="grsth000"] .elementor-heading-title{
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;
  font-size:42px!important;
  line-height:1.08!important;
  font-weight:500!important;
  letter-spacing:-.025em!important;
  color:#181714!important;
}
.elementor-element-grstt000,
.elementor-element[data-id="grstt000"]{
  font-family:Manrope,Arial,sans-serif!important;
  color:#716c64!important;
}
.elementor-element-grsth001 .elementor-heading-title,
.elementor-element-grsth002 .elementor-heading-title,
.elementor-element[data-id="grsth001"] .elementor-heading-title,
.elementor-element[data-id="grsth002"] .elementor-heading-title{
  font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif!important;
  font-size:31px!important;
  line-height:1.05!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
}
.elementor-element-grstcol1,
.elementor-element-grstcol2,
.elementor-element[data-id="grstcol1"],
.elementor-element[data-id="grstcol2"]{
  position:relative!important;
  overflow:hidden!important;
  cursor:pointer!important;
  will-change:background-position,background-size,transform!important;
  background-size:112% auto!important;
  background-position:50% 50%!important;
  transition:transform .45s ease,box-shadow .45s ease!important;
}
.elementor-element-grstcol1:hover,
.elementor-element-grstcol2:hover,
.elementor-element[data-id="grstcol1"]:hover,
.elementor-element[data-id="grstcol2"]:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.13)!important;
}
@media(max-width:767px){
 .elementor-element-grsth000 .elementor-heading-title,
 .elementor-element[data-id="grsth000"] .elementor-heading-title{font-size:35px!important}
 .elementor-element-grstcol1,.elementor-element-grstcol2,
 .elementor-element[data-id="grstcol1"],.elementor-element[data-id="grstcol2"]{background-size:auto 114%!important}
}


/* ==========================================================
   v5.10 FINAL ARTDOME SPACING FIX
   ARTDOME is kept in normal flex flow with real space on BOTH
   sides of its divider. This replaces the older pseudo-gap rules.
   ========================================================== */
@media (min-width: 901px){
  .site-header .main-nav > ul.greative-primary-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:clamp(22px,2.15vw,34px) !important;
    overflow:visible !important;
  }
  .site-header .main-nav > ul.greative-primary-menu > li{
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
  }
  .site-header .main-nav > ul.greative-primary-menu > li.artdome-menu{
    margin-left:18px !important;
    padding-left:22px !important;
    border-left:1px solid #e8dccb !important;
  }
  .site-header .main-nav > ul.greative-primary-menu > li.artdome-menu::before{
    content:none !important;
    display:none !important;
  }
  .site-header .main-nav > ul.greative-primary-menu > li.artdome-menu > a{
    color:var(--gold-dark,#b88a47) !important;
    white-space:nowrap !important;
  }
}
@media (min-width:901px) and (max-width:1180px){
  .site-header .main-nav > ul.greative-primary-menu{
    gap:18px !important;
  }
  .site-header .main-nav > ul.greative-primary-menu > li.artdome-menu{
    margin-left:14px !important;
    padding-left:18px !important;
  }
  .site-header .main-nav > ul.greative-primary-menu > li > a{
    font-size:10px !important;
    letter-spacing:.05em !important;
  }
}