.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================================
   PAROHIA SF. PETRU ȘI PAUL — meniu
   • repară hamburgerul + sertarul pe mobil
   • schimbă fontul (Cinzel + Cormorant Garamond)
   UNDE: Elementor → Site Settings → Custom CSS
         (sau WPCode → snippet CSS, „Run everywhere")
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap');

/* ====================== FONT MENIU ==========================
   Mai cald și mai „așezat" decât varianta actuală.
   Vrei alt font? Schimbă doar 'Cinzel' de mai jos
   (ex. 'Cormorant Garamond', 'EB Garamond', 'Marcellus').          */
.spp-top > span:last-child{
  font-family:'Cinzel', serif;
  font-weight:500;
  letter-spacing:.10em;
}
.spp-sub a,
.spp-mega-intro,
.spp-prog,
.spp-tip-row{
  font-family:'Cormorant Garamond', Georgia, serif;
  font-weight:600;
  letter-spacing:.005em;
  font-size:1.04rem;
}
.spp-mega-r h4,
.spp-tip h4,
.spp-drawer-name,
.spp-drawer-foot h4{
  font-family:'Cinzel', serif;
  letter-spacing:.06em;
}
/* opțional: numele parohiei din siglă */
.spp-brand .nm2{ font-family:'Cinzel', serif; letter-spacing:.03em; }


/* ============================================================
   MOBIL / TABLETĂ  (≤ 1024px)
   ============================================================ */
@media (max-width:1024px){

  /* layout antet: lasă loc pentru hamburger */
  .spp-hdr-in{ display:flex; align-items:center; gap:12px; }
  .spp-brand{ min-width:0; }
  .spp-brand .nm1{ font-size:.7rem; }
  .spp-brand .nm2{ font-size:.98rem; line-height:1.15; white-space:normal; }
  .spp-brand .nm3{ font-size:.66rem; }
  .spp-logo{ width:50px; height:auto; flex:0 0 auto; }

  /* ---------- HAMBURGER ---------- */
  .spp-burger{
    display:flex !important;
    flex-direction:column; justify-content:center; gap:5px;
    width:46px; height:46px; padding:11px;
    margin-left:auto; flex:0 0 auto;
    background:transparent; border:0; cursor:pointer;
  }
  .spp-burger span{
    display:block; width:100%; height:2px; border-radius:2px;
    background:#1d2c4a;
    transition:transform .3s ease, opacity .3s ease;
  }
  /* hamburger -> X când sertarul e deschis */
  .spp-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
  .spp-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
  .spp-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

  /* ---------- SERTAR LATERAL ---------- */
  .spp-nav{
    position:fixed; top:0; right:0; bottom:0; left:auto; z-index:99999;
    width:min(88vw,360px); height:100dvh;
    display:block !important;
    background:#0e2038; color:#f4ecd8;
    transform:translateX(105%);
    transition:transform .38s cubic-bezier(.4,0,.2,1);
    overflow-y:auto; -webkit-overflow-scrolling:touch;
    box-shadow:-24px 0 70px rgba(0,0,0,.45);
  }
  .spp-nav.is-open{ transform:none; }

  .spp-drawer-top{
    display:flex !important; align-items:center; justify-content:space-between;
    gap:12px; padding:18px 20px;
    border-bottom:1px solid rgba(201,162,74,.25);
  }
  .spp-drawer-name{ font-size:1rem; line-height:1.2; color:#e8cd86; }
  .spp-logo-sm{ width:42px; height:42px; object-fit:contain; }
  .spp-close{
    position:relative; flex:0 0 auto;
    width:40px; height:40px; border-radius:50%; cursor:pointer;
    border:1px solid rgba(201,162,74,.4); background:transparent;
  }
  .spp-close::before,.spp-close::after{
    content:""; position:absolute; inset:0; margin:auto;
    width:16px; height:2px; background:#e8cd86;
  }
  .spp-close::before{ transform:rotate(45deg); }
  .spp-close::after { transform:rotate(-45deg); }

  /* ---------- LISTA ---------- */
  .spp-menu{ display:block !important; padding:6px 0; }
  .spp-menu > li{ position:relative; border-bottom:1px solid rgba(201,162,74,.12); }

  .spp-top{
    display:flex !important; align-items:center; gap:12px;
    padding:15px 56px 15px 20px;
    color:#f4ecd8 !important; text-decoration:none;
  }
  .spp-top > span:last-child{ color:#f4ecd8; font-size:1.02rem; }
  .spp-top.is-active{ background:rgba(201,162,74,.08); }
  .spp-orn{ display:none; }                    /* ornamentul mic nu e necesar pe mobil */
  .spp-mob-ic{ display:inline-flex; width:20px; height:20px; color:#c9a24a; flex:0 0 auto; }
  .spp-mob-ic svg{ width:100%; height:100%; }

  /* butonul de accordion */
  .spp-cbtn{
    display:flex !important; position:absolute; top:5px; right:6px;
    width:46px; height:46px; align-items:center; justify-content:center;
    background:transparent; border:0; cursor:pointer; color:#c9a24a;
  }
  .spp-caret{ width:14px; height:14px; transition:transform .3s ease; }
  .spp-cbtn[aria-expanded="true"] .spp-caret{ transform:rotate(180deg); }

  /* ---------- SUBMENIURI = accordion ---------- */
  .spp-panel{
    position:static !important; transform:none !important;
    width:auto !important; min-width:0 !important;
    background:transparent !important; box-shadow:none !important;
    border:0 !important; padding:0 !important;
    opacity:1 !important; visibility:visible !important;
    max-height:0; overflow:hidden;
    transition:max-height .35s ease;
  }
  .spp-panel.is-open{ max-height:720px; }
  .spp-mega{ display:block; }
  .spp-mega-r{ display:none; }                 /* coloana „Program" e deja în footerul sertarului */
  .spp-sub,
  .spp-sub--2col{ display:block !important; grid-template-columns:1fr !important; }
  .spp-sub a{
    display:flex; align-items:center; gap:10px;
    padding:12px 20px 12px 52px;
    color:#cdbf9e !important; text-decoration:none;
  }
  .spp-sub a:hover{ background:rgba(201,162,74,.06); color:#f4ecd8 !important; }
  .spp-sub .ic{ width:18px; height:18px; color:#c9a24a; flex:0 0 auto; }
  .spp-sub .go{ display:none; }

  /* tooltipul de contact -> doar link pe mobil */
  .spp-tip{ display:none !important; }

  /* ---------- FOOTER SERTAR ---------- */
  .spp-drawer-foot{
    display:block !important; padding:20px; margin-top:6px;
    border-top:1px solid rgba(201,162,74,.25);
    font-family:'Cormorant Garamond', serif; color:#cdbf9e;
    font-size:1rem; line-height:1.7;
  }
  .spp-drawer-foot h4{ color:#e8cd86; margin:0 0 8px; font-size:.95rem; }
  .spp-drawer-foot a{ color:#e8cd86; text-decoration:none; }
  .spp-drawer-foot .prog{ display:flex; flex-direction:column; gap:2px; margin-bottom:12px; }

  /* ---------- SCRIM ---------- */
  .spp-scrim{
    position:fixed; inset:0; z-index:99998;
    background:rgba(7,15,28,.55); backdrop-filter:blur(2px);
    opacity:0; visibility:hidden;
    transition:opacity .3s ease, visibility .3s ease;
  }
  .spp-scrim.is-open{ opacity:1; visibility:visible; }

  body.spp-lock{ overflow:hidden; }
}

/* ============================================================
   DESKTOP (≥ 1025px) — ascunde elementele de sertar
   ============================================================ */
@media (min-width:1025px){
  .spp-burger,
  .spp-drawer-top,
  .spp-drawer-foot,
  .spp-close{ display:none; }
}/* End custom CSS */