/*
Theme Name: Donja Tramošnica Custom
Template: faith-hope
Theme URI: https://donja-tramosnica.com/
Description: Prilagođena naslovna stranica za Župu Donja Tramošnica. Child tema od "Faith & Hope" — koristi front-page.php koji zaobilazi get_header()/get_footer() roditeljske teme.
Author: Dražen
Version: 1.0.0
Text Domain: donja-tramosnica-custom
*/


  :root{
    --stone:#EFE6D8;
    --stone-deep:#E6DBC8;
    --ink:#2B241C;
    --ink-soft:#5A4F40;
    --wine:#6B1F2A;
    --wine-deep:#4E1620;
    --brass:#B08D3F;
    --pine:#34452E;
    --line: rgba(43,36,28,0.15);
    --paper-shadow: 0 1px 0 rgba(43,36,28,0.06);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--stone);
    color:var(--ink);
    font-family:'Source Serif 4', serif;
    line-height:1.6;
    position:relative;
  }
  /* subtle paper texture via layered gradients */
  body::before{
    content:"";
    position:fixed; inset:0;
    background-image:
      radial-gradient(circle at 20% 10%, rgba(176,141,63,0.05), transparent 40%),
      radial-gradient(circle at 80% 60%, rgba(107,31,42,0.04), transparent 45%);
    pointer-events:none;
    z-index:0;
  }
  h1,h2,h3,h4,h5{
    font-family:'Fraunces', serif;
    font-weight:600;
    color:var(--ink);
    letter-spacing:-0.01em;
  }
  a{color:inherit; text-decoration:none;}
  .eyebrow{
    font-family:'Inter', sans-serif;
    font-size:0.72rem;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--wine);
    font-weight:600;
  }
  .wrap{max-width:1120px; margin:0 auto; padding:0 32px;}

  /* ===== PATH LINE (signature element) ===== */
  .path-svg{
    position:absolute;
    left:50%;
    top:0;
    width:2px;
    height:100%;
    transform:translateX(-50%);
    z-index:0;
    pointer-events:none;
  }

  /* ===== HEADER ===== */
  body.donjatramosnica-front header,
  body.donjatramosnica-front header *{
    box-sizing:border-box !important;
    float:none !important;
    vertical-align:baseline !important;
  }
  body.donjatramosnica-front header{
    position:sticky !important; top:0 !important; z-index:50 !important;
    background:rgba(239,230,216,0.92) !important;
    backdrop-filter:blur(6px);
    border-bottom:1px solid var(--line);
    width:100% !important;
  }
  body.donjatramosnica-front .nav{
    display:flex !important; align-items:center !important; justify-content:space-between !important;
    padding:18px 32px !important;
    max-width:1120px; margin:0 auto !important;
  }
  body.donjatramosnica-front .brand{
    display:flex !important; align-items:center !important; gap:12px;
    font-family:'Fraunces', serif !important; font-weight:600; font-size:1.05rem;
    line-height:1 !important; margin:0 !important; padding:0 !important;
  }
  body.donjatramosnica-front .brand .mark{
    width:34px; height:34px; border-radius:50%;
    background:var(--wine);
    display:flex !important; align-items:center !important; justify-content:center !important;
    color:var(--stone); font-size:1rem; font-family:'Fraunces',serif;
    line-height:34px !important;
    flex-shrink:0; margin:0 !important; padding:0 !important;
  }
  body.donjatramosnica-front .brand-logo{
    display:flex !important; align-items:center !important; flex-shrink:0;
  }
  body.donjatramosnica-front .brand-logo img{
    width:34px !important; height:34px !important; object-fit:contain !important;
    margin:0 !important; display:block !important;
  }
  body.donjatramosnica-front nav{display:flex !important; align-items:center !important; margin:0 !important; padding:0 !important;}
  body.donjatramosnica-front nav > ul{
    display:flex !important; align-items:center !important; gap:28px; list-style:none !important;
    font-family:'Inter', sans-serif !important; font-size:0.86rem; font-weight:500;
    line-height:1 !important; margin:0 !important; padding:0 !important;
  }
  body.donjatramosnica-front nav > ul > li{
    margin:0 !important; padding:0 !important; list-style:none !important;
    display:flex !important; align-items:center !important;
  }
  body.donjatramosnica-front nav ul a{
    position:relative; padding:4px 0 !important; margin:0 !important; color:var(--ink-soft);
    transition:color 0.2s;
    display:inline-flex !important; align-items:center !important;
    line-height:1 !important;
    text-decoration:none !important;
  }
  body.donjatramosnica-front nav ul a:hover{color:var(--wine);}
  .has-dropdown, .menu-item-has-children{position:relative;}
  body.donjatramosnica-front .dropdown,
  body.donjatramosnica-front .sub-menu{
    display:none !important;
    position:absolute !important; top:100% !important; left:-16px !important;
    flex-direction:column !important; gap:0;
    background:#fff8ee;
    border:1px solid var(--line);
    box-shadow:0 12px 28px rgba(43,36,28,0.12);
    min-width:200px;
    padding:8px 0 !important;
    margin:0 !important;
    list-style:none !important;
    z-index:60;
  }
  body.donjatramosnica-front .has-dropdown:hover .dropdown,
  body.donjatramosnica-front .menu-item-has-children:hover .sub-menu{display:flex !important;}
  body.donjatramosnica-front .dropdown li, body.donjatramosnica-front .sub-menu li{width:100% !important; display:block !important;}
  body.donjatramosnica-front .dropdown a, body.donjatramosnica-front .sub-menu a{
    display:block !important; padding:10px 20px !important; color:var(--ink-soft); font-size:0.85rem;
    border-left:2px solid transparent;
  }
  body.donjatramosnica-front .dropdown a:hover, body.donjatramosnica-front .sub-menu a:hover{color:var(--wine); border-left-color:var(--wine); background:var(--stone);}
  body.donjatramosnica-front .nav-cta{
    font-family:'Inter',sans-serif !important; font-size:0.8rem; font-weight:600;
    background:var(--wine) !important; color:var(--stone) !important;
    padding:10px 18px !important; border-radius:2px;
    letter-spacing:0.03em;
    display:inline-flex !important; align-items:center !important;
    line-height:1 !important; margin:0 !important;
    text-decoration:none !important;
  }
  body.donjatramosnica-front .hamburger{
    display:none !important;
    flex-direction:column !important; justify-content:center !important; align-items:center !important;
    gap:5px; width:38px; height:38px;
    background:transparent !important; border:none; cursor:pointer;
    padding:0 !important; margin:0 0 0 12px !important;
  }
  body.donjatramosnica-front .hamburger span{
    display:block !important; width:22px; height:2px;
    background:var(--ink); border-radius:2px;
    transition:transform 0.25s, opacity 0.25s;
  }
  body.donjatramosnica-front.nav-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  body.donjatramosnica-front.nav-open .hamburger span:nth-child(2){opacity:0;}
  body.donjatramosnica-front.nav-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  /* ===== HERO ===== */
  .hero{
    position:relative;
    min-height:78vh;
    display:flex; align-items:flex-end;
    overflow:hidden;
  }
  .hero-bg{
    position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(43,36,28,0.15) 0%, rgba(43,36,28,0.75) 100%),
      url('https://donja-tramosnica.com/wp-content/uploads/2021/07/background-7.jpg') center/cover;
  }
  body.donjatramosnica-front .hero-content{
    position:relative; z-index:2;
    padding:80px 32px 64px;
    max-width:1120px; margin:0 auto !important;
    width:100%;
    color:var(--stone) !important;
  }
  body.donjatramosnica-front .hero-content .eyebrow{color:var(--brass) !important;}
  body.donjatramosnica-front .hero-content h1{
    font-size:clamp(2.6rem, 5vw, 4.2rem) !important;
    color:#fff !important;
    margin:12px 0 18px !important;
    padding:0 !important;
    max-width:14ch;
    line-height:1.05 !important;
    font-family:'Fraunces', serif !important;
  }
  body.donjatramosnica-front .hero-content p{
    max-width:46ch;
    font-size:1.05rem !important;
    color:rgba(255,255,255,0.85) !important;
    margin:0 0 28px !important;
    font-family:'Source Serif 4', serif !important;
  }
  .hero-actions{display:flex; gap:14px; flex-wrap:wrap;}
  .btn{
    font-family:'Inter',sans-serif; font-size:0.85rem; font-weight:600;
    padding:13px 24px; border-radius:2px;
    letter-spacing:0.02em;
    display:inline-flex; align-items:center; gap:8px;
    transition:transform 0.15s, opacity 0.15s;
  }
  .btn:hover{transform:translateY(-1px);}
  .btn-primary{background:var(--brass); color:var(--ink);}
  .btn-ghost{border:1px solid rgba(255,255,255,0.5); color:#fff;}

  /* ===== SECTION shared ===== */
  section{position:relative; z-index:1; padding:96px 0;}
  .section-head{margin-bottom:48px; max-width:56ch;}
  .section-head h2{font-size:2.1rem; margin-top:10px;}

  /* ===== FEATURED (istaknuto, WP rubrika Services) ===== */
  .featured-section{
    position:relative; z-index:3;
    margin-top:-88px;
    padding:0 0 40px;
  }
  .featured-head{margin-bottom:14px;}
  .featured-head .eyebrow{color:var(--wine);}
  .featured-grid{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:22px;
  }
  .featured-card{
    display:flex; flex-direction:column;
    background:#fff8ee;
    border:1px solid var(--line);
    box-shadow:0 18px 34px rgba(43,36,28,0.18);
    overflow:hidden;
    transition:transform 0.2s, box-shadow 0.2s;
  }
  .featured-card:hover{transform:translateY(-4px); box-shadow:0 24px 40px rgba(43,36,28,0.22);}
  .featured-card img{width:100%; height:170px; object-fit:cover; display:block;}
  .featured-body{padding:18px 20px 22px;}
  .featured-tag{
    font-family:'Inter',sans-serif; font-size:0.68rem; font-weight:600;
    letter-spacing:0.1em; text-transform:uppercase; color:var(--brass);
    margin-bottom:8px;
  }
  .featured-body h3{font-size:1.08rem; line-height:1.3; color:var(--ink);}

  /* ===== BELL SCHEDULE (signature) ===== */
  .bell-section{background:var(--stone-deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .bell-grid{
    display:grid; grid-template-columns:repeat(3, 1fr); gap:0;
    border:1px solid var(--line);
  }
  .bell-card{
    padding:40px 32px;
    border-right:1px solid var(--line);
    position:relative;
  }
  .bell-card:last-child{border-right:none;}
  .bell-dial{
    width:64px; height:64px;
    border-radius:50%;
    border:2px solid var(--wine);
    position:relative;
    margin-bottom:20px;
  }
  .bell-dial::after{
    content:"";
    position:absolute; top:50%; left:50%;
    width:2px; height:22px;
    background:var(--wine);
    transform-origin:bottom center;
  }
  .bell-card:nth-child(1) .bell-dial::after{transform:translate(-50%,-100%) rotate(240deg);}
  .bell-card:nth-child(2) .bell-dial::after{transform:translate(-50%,-100%) rotate(330deg);}
  .bell-card:nth-child(3) .bell-dial::after{transform:translate(-50%,-100%) rotate(270deg);}
  .bell-card h3{font-size:1.5rem; margin-bottom:6px;}
  .bell-time{
    font-family:'Fraunces',serif; font-size:2.4rem; color:var(--wine); font-weight:600;
    margin:8px 0 6px;
  }
  .bell-card p.note{font-family:'Inter',sans-serif; font-size:0.82rem; color:var(--ink-soft);}

  /* ===== NOVOSTI ===== */
  .news-grid{
    display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:28px;
  }
  .news-card{
    background:#fff8ee;
    border:1px solid var(--line);
    overflow:hidden;
    display:flex; flex-direction:column;
    transition:box-shadow 0.2s, transform 0.2s;
  }
  .news-card:hover{transform:translateY(-3px); box-shadow:0 12px 24px rgba(43,36,28,0.1);}
  .news-card img{width:100%; height:200px; object-fit:cover; display:block;}
  .news-body{padding:22px 24px; display:flex; flex-direction:column; gap:10px; flex:1;}
  .news-date{font-family:'Inter',sans-serif; font-size:0.72rem; color:var(--brass); letter-spacing:0.08em; text-transform:uppercase;}
  .news-body h3{font-size:1.25rem; line-height:1.25;}
  .news-card.small .news-body h3{font-size:1.05rem;}
  .news-body p{font-size:0.92rem; color:var(--ink-soft); flex:1;}
  .read-more{font-family:'Inter',sans-serif; font-size:0.78rem; font-weight:600; color:var(--wine);}

  /* ===== RIJEC ZUPNIKA ===== */
  .priest{
    background:var(--pine);
    color:var(--stone);
  }
  .priest-inner{
    display:grid; grid-template-columns:280px 1fr; gap:56px; align-items:center;
  }
  .priest img{
    width:100%; aspect-ratio:3/4; object-fit:cover;
    border:1px solid rgba(239,230,216,0.25);
  }
  .priest .eyebrow{color:var(--brass);}
  body.donjatramosnica-front .priest blockquote{
    font-family:'Fraunces',serif !important; font-size:1.7rem; font-weight:500;
    line-height:1.35; margin:16px 0 20px !important;
    max-width:24ch;
    border:none !important; outline:none !important;
    background:transparent !important;
    padding:0 !important;
    box-shadow:none !important;
    color:var(--stone) !important;
    quotes:none !important;
  }
  body.donjatramosnica-front .priest blockquote::before,
  body.donjatramosnica-front .priest blockquote::after{
    content:none !important;
  }
  .priest .body{color:rgba(239,230,216,0.8); font-size:0.98rem; max-width:56ch;}
  .priest .body p{margin:0 0 14px;}
  .priest .body p:last-child{margin-bottom:0;}
  .priest .signature{margin-top:22px; font-family:'Inter',sans-serif; font-size:0.85rem; color:var(--brass); letter-spacing:0.04em;}

  /* ===== KALENDAR / KRONIKA PUT ===== */
  .journey{position:relative;}
  .journey-line{
    position:absolute; left:23px; top:8px; bottom:8px; width:2px;
    background:repeating-linear-gradient(to bottom, var(--brass) 0 6px, transparent 6px 12px);
  }
  .journey-item{
    position:relative;
    padding-left:64px;
    padding-bottom:44px;
  }
  .journey-item:last-child{padding-bottom:0;}
  .journey-dot{
    position:absolute; left:14px; top:4px;
    width:20px; height:20px; border-radius:50%;
    background:var(--stone); border:2px solid var(--wine);
  }
  .journey-date{font-family:'Inter',sans-serif; font-size:0.75rem; color:var(--wine); font-weight:600; letter-spacing:0.05em;}
  .journey-item h4{font-size:1.2rem; margin:6px 0 6px;}
  .journey-item p{font-size:0.92rem; color:var(--ink-soft); max-width:60ch;}

  /* ===== AUDIO ===== */
  .audio-section{background:var(--stone-deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .audio-list{display:flex; flex-direction:column; border:1px solid var(--line); background:#fff8ee;}
  .audio-row{
    display:flex; align-items:center; gap:20px;
    padding:18px 24px;
    border-bottom:1px solid var(--line);
    font-family:'Inter',sans-serif;
  }
  .audio-row:last-child{border-bottom:none;}
  .play-dot{
    width:36px; height:36px; border-radius:50%;
    background:var(--wine); color:var(--stone);
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0; font-size:0.8rem;
  }
  .audio-title{flex:1; font-size:0.95rem; font-family:'Source Serif 4',serif;}
  .audio-date{font-size:0.78rem; color:var(--ink-soft);}

  /* ===== BOOKSHELF ===== */
  .library-section{background:var(--stone-deep); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .shelf-unit{position:relative; padding-bottom:26px;}
  .shelf-books{
    display:flex; align-items:flex-end; gap:18px;
    padding:0 12px 0;
    min-height:280px;
  }
  .book{
    position:relative;
    width:110px; height:250px;
    display:flex; flex-direction:column; align-items:center; justify-content:flex-start;
    padding:26px 10px;
    color:var(--stone);
    box-shadow:
      inset -6px 0 10px rgba(0,0,0,0.18),
      inset 4px 0 6px rgba(255,255,255,0.08),
      3px 6px 14px rgba(43,36,28,0.25);
    transition:transform 0.25s ease;
    cursor:pointer;
    text-decoration:none;
  }
  .book:hover{transform:translateY(-14px) rotate(-1deg);}
  .book:nth-child(1){background:var(--wine); height:250px;}
  .book:nth-child(2){background:var(--pine); height:232px;}
  .book:nth-child(3){background:var(--brass); color:var(--ink); height:264px;}
  .book:nth-child(4){background:var(--ink); height:240px;}
  .book .book-title{
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    font-family:'Fraunces',serif;
    font-size:0.95rem;
    font-weight:600;
    letter-spacing:0.01em;
    line-height:1.3;
    text-align:left;
  }
  .book .book-tag{
    font-family:'Inter',sans-serif;
    font-size:0.62rem;
    letter-spacing:0.1em;
    text-transform:uppercase;
    opacity:0.75;
    margin-top:auto;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
  }
  .shelf-board{
    height:22px;
    background:linear-gradient(180deg, #7a5a34, #4d3a22);
    border-radius:2px;
    box-shadow:0 10px 18px rgba(43,36,28,0.35);
  }
  .shelf-board::before{
    content:"";
    display:block; height:4px;
    background:rgba(255,255,255,0.12);
  }
  .library-hint{
    margin-top:18px;
    font-family:'Inter',sans-serif; font-size:0.8rem; color:var(--ink-soft);
  }

  /* ===== FOOTER ===== */
  body.donjatramosnica-front footer{
    background:var(--ink) !important; color:var(--stone) !important; padding:64px 0 32px !important;
  }
  body.donjatramosnica-front footer,
  body.donjatramosnica-front footer *{
    box-sizing:border-box !important; float:none !important; opacity:1 !important;
  }
  body.donjatramosnica-front .footer-grid{
    display:grid !important; grid-template-columns:1.4fr 1fr 1fr 1fr !important; gap:40px !important;
  }
  body.donjatramosnica-front footer h5{
    font-family:'Inter',sans-serif !important; font-size:0.78rem !important; letter-spacing:0.1em !important;
    text-transform:uppercase !important; color:var(--brass) !important;
    margin:0 0 16px !important; padding:0 !important; line-height:1.3 !important;
  }
  body.donjatramosnica-front footer .brand{
    color:var(--stone) !important; margin:0 0 14px !important;
  }
  body.donjatramosnica-front footer p.desc{
    color:rgba(239,230,216,0.6) !important; font-size:0.9rem !important; max-width:34ch; margin:0 !important;
  }
  body.donjatramosnica-front footer ul{
    list-style:none !important; display:flex !important; flex-direction:column !important; gap:10px !important;
    font-size:0.9rem !important; margin:0 !important; padding:0 !important;
  }
  body.donjatramosnica-front footer ul li{margin:0 !important; padding:0 !important; list-style:none !important;}
  body.donjatramosnica-front footer ul a{color:rgba(239,230,216,0.75) !important; text-decoration:none !important;}
  body.donjatramosnica-front footer ul a:hover{color:var(--brass) !important;}
  body.donjatramosnica-front footer .social-link{
    display:inline-flex !important; align-items:center !important; gap:9px;
  }
  body.donjatramosnica-front footer .social-icon{
    width:16px; height:16px; flex-shrink:0;
    fill:var(--brass) !important;
    transition:fill 0.2s;
  }
  body.donjatramosnica-front footer .social-link:hover .social-icon{fill:var(--stone) !important;}
  body.donjatramosnica-front .footer-bottom{
    margin-top:56px !important; padding-top:24px !important; border-top:1px solid rgba(239,230,216,0.15) !important;
    font-family:'Inter',sans-serif !important; font-size:0.78rem !important; color:rgba(239,230,216,0.5) !important;
    display:flex !important; justify-content:space-between !important; flex-wrap:wrap; gap:12px;
  }

  /* ===== SINGLE POST / ARHIVA ===== */
  body.donjatramosnica-front .single-content,
  body.donjatramosnica-front .single-content *{
    box-sizing:border-box !important; float:none !important;
  }
  body.donjatramosnica-front .single-content{
    font-size:1.05rem !important; color:var(--ink) !important;
    font-family:'Source Serif 4', serif !important;
    line-height:1.7 !important;
  }
  body.donjatramosnica-front .single-content p{margin:0 0 20px !important; padding:0 !important;}
  body.donjatramosnica-front .single-content > p,
  body.donjatramosnica-front .single-content > ul,
  body.donjatramosnica-front .single-content > ol{max-width:72ch;}
  body.donjatramosnica-front .single-content iframe{
    max-width:100% !important;
  }

  /* Kontakt stranica: uskladi WPBakery icon-box elemente (telefon/adresa/email) sa dizajnom sajta */
  body.donjatramosnica-front .single-content--contact h4,
  body.donjatramosnica-front .single-content--contact h5,
  body.donjatramosnica-front .single-content--contact h6,
  body.donjatramosnica-front .single-content--contact .wpb_wrapper h4,
  body.donjatramosnica-front .single-content--contact .wpb_wrapper h5,
  body.donjatramosnica-front .single-content--contact .wpb_wrapper h6{
    font-family:'Fraunces',serif !important;
    color:var(--ink) !important;
  }
  body.donjatramosnica-front .single-content--contact .vc_icon_element-icon,
  body.donjatramosnica-front .single-content--contact [class*="icon"]{
    color:var(--brass) !important;
  }
  body.donjatramosnica-front .single-content--contact a{
    color:var(--wine) !important;
  }
  body.donjatramosnica-front .single-content--contact .wpb_button,
  body.donjatramosnica-front .single-content--contact input[type="submit"],
  body.donjatramosnica-front .single-content--contact button[type="submit"]{
    font-family:'Inter',sans-serif !important; font-weight:600 !important;
    background:var(--wine) !important; color:var(--stone) !important;
    border:none !important; border-radius:2px !important;
    padding:13px 28px !important; letter-spacing:0.02em !important;
  }
  body.donjatramosnica-front .single-content h2,
  body.donjatramosnica-front .single-content h3,
  body.donjatramosnica-front .single-content h4{
    margin:40px 0 16px !important; padding:0 !important;
    font-family:'Fraunces',serif !important; color:var(--ink) !important;
  }
  body.donjatramosnica-front .single-content h2{font-size:1.7rem !important;}
  body.donjatramosnica-front .single-content h3{font-size:1.35rem !important;}
  body.donjatramosnica-front .single-content img{max-width:100% !important; height:auto !important; border-radius:2px; margin:8px 0 24px !important;}

  /* Responzivni video (YouTube/Vimeo) - 16:9 omjer bez obzira na originalnu fiksnu širinu/visinu iframe-a */
  body.donjatramosnica-front .video-embed{
    position:relative !important; width:100% !important;
    aspect-ratio:16/9 !important;
    margin:32px 0 !important;
    background:#000;
  }
  body.donjatramosnica-front .video-embed iframe{
    position:absolute !important; top:0 !important; left:0 !important;
    width:100% !important; height:100% !important;
    margin:0 !important; border:0 !important;
  }

  /* Fra Lovro stranica: istakni "MOLITVA" naslove podebljanog teksta kao mala kartica */
  body.donjatramosnica-front .single-content--lovro strong{
    font-family:'Fraunces',serif !important;
  }

  body.donjatramosnica-front .lovro-portrait-wrap{
    display:flex !important; justify-content:center !important; margin:0 0 40px !important;
  }
  body.donjatramosnica-front .lovro-portrait{
    width:180px !important; height:auto !important; max-width:100% !important;
    border:1px solid var(--line) !important; box-shadow:0 12px 24px rgba(43,36,28,0.15);
    margin:0 !important;
  }
  body.donjatramosnica-front .lovro-prayers{
    display:grid !important; grid-template-columns:1fr 1fr; gap:28px;
    margin:48px 0 !important;
  }
  body.donjatramosnica-front .lovro-prayer-card{
    background:#fff8ee !important; border:1px solid var(--line) !important;
    padding:32px 28px !important;
  }
  body.donjatramosnica-front .lovro-prayer-card .eyebrow{margin-bottom:10px !important; display:block !important;}
  body.donjatramosnica-front .lovro-prayer-card h3{
    font-size:1.15rem !important; margin:0 0 18px !important; line-height:1.35 !important;
  }
  body.donjatramosnica-front .lovro-prayer-card p{
    font-style:italic !important; font-size:0.95rem !important; line-height:1.75 !important;
    color:var(--ink-soft) !important; margin:0 0 18px !important;
  }
  body.donjatramosnica-front .lovro-prayer-card p:last-child{margin-bottom:0 !important;}
  body.donjatramosnica-front .single-content a{color:var(--wine) !important; text-decoration:underline !important;}
  body.donjatramosnica-front .single-content ul,
  body.donjatramosnica-front .single-content ol{margin:0 0 20px !important; padding-left:24px !important;}
  body.donjatramosnica-front .single-content li{margin:0 0 8px !important;}

  /* WordPress klasična galerija ([gallery] shortcode) — koristi CSS grid
     umjesto WP-ovog float/inline-width pristupa (koji smo ugasili gore) */
  body.donjatramosnica-front .single-content .gallery{
    display:grid !important;
    gap:12px !important;
    margin:0 0 28px !important;
    padding:0 !important;
    list-style:none !important;
  }
  body.donjatramosnica-front .single-content .gallery-columns-1{grid-template-columns:repeat(1,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-columns-2{grid-template-columns:repeat(2,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-columns-3{grid-template-columns:repeat(3,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-columns-4{grid-template-columns:repeat(4,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-columns-5{grid-template-columns:repeat(5,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-columns-6{grid-template-columns:repeat(6,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-columns-7{grid-template-columns:repeat(7,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-columns-8{grid-template-columns:repeat(8,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-columns-9{grid-template-columns:repeat(9,1fr) !important;}
  body.donjatramosnica-front .single-content .gallery-item{
    margin:0 !important; padding:0 !important; list-style:none !important;
    display:flex !important; flex-direction:column !important;
  }
  body.donjatramosnica-front .single-content .gallery-icon{margin:0 !important; padding:0 !important;}
  body.donjatramosnica-front .single-content .gallery-icon img{
    width:100% !important; height:auto !important; aspect-ratio:1/1 !important;
    object-fit:cover !important; margin:0 !important; display:block !important;
    border:1px solid var(--line) !important; border-radius:2px;
  }
  body.donjatramosnica-front .single-content .gallery-caption{
    font-family:'Inter',sans-serif !important; font-size:0.78rem !important;
    color:var(--ink-soft) !important; margin:6px 0 0 !important; padding:0 !important;
    text-align:center !important; font-style:normal !important;
  }
  @media (max-width: 640px){
    body.donjatramosnica-front .single-content .gallery-columns-4,
    body.donjatramosnica-front .single-content .gallery-columns-5,
    body.donjatramosnica-front .single-content .gallery-columns-6,
    body.donjatramosnica-front .single-content .gallery-columns-7,
    body.donjatramosnica-front .single-content .gallery-columns-8,
    body.donjatramosnica-front .single-content .gallery-columns-9{
      grid-template-columns:repeat(3,1fr) !important;
    }
    body.donjatramosnica-front .single-content .gallery-columns-2,
    body.donjatramosnica-front .single-content .gallery-columns-3{
      grid-template-columns:repeat(2,1fr) !important;
    }
  }
  body.donjatramosnica-front .single-content blockquote{
    border:none !important; border-left:3px solid var(--brass) !important;
    margin:24px 0 !important; padding:4px 0 4px 20px !important;
    background:transparent !important; box-shadow:none !important;
    font-family:'Fraunces',serif !important; font-style:italic; font-size:1.15rem !important; color:var(--ink-soft) !important;
  }
  .single-back{margin-top:48px; padding-top:24px; border-top:1px solid var(--line);}

  body.donjatramosnica-front .spotify-embed-wrap{
    border-radius:8px !important; overflow:hidden !important;
    border:1px solid var(--line) !important;
    box-shadow:0 12px 28px rgba(43,36,28,0.12);
  }
  body.donjatramosnica-front .spotify-embed-wrap iframe{
    display:block !important; margin:0 !important; border:0 !important;
  }

  /* ===== KONTAKT STRANICA ===== */
  body.donjatramosnica-front .contact-grid{
    display:grid !important; grid-template-columns:1.3fr 1fr; gap:64px;
    padding-top:64px !important; padding-bottom:40px !important;
    margin:0 auto !important;
    align-items:start;
  }
  body.donjatramosnica-front .contact-heading{font-size:1.6rem !important; margin:0 0 10px !important; padding:0 !important;}
  body.donjatramosnica-front .contact-sub{color:var(--ink-soft) !important; font-size:0.98rem !important; margin:0 0 28px !important; padding:0 !important; max-width:48ch;}
  body.donjatramosnica-front .contact-alert{
    padding:14px 18px !important; margin:0 0 20px !important; font-family:'Inter',sans-serif !important; font-size:0.9rem !important;
    border-radius:2px;
  }
  body.donjatramosnica-front .contact-alert--success{background:rgba(52,69,46,0.12) !important; color:var(--pine) !important; border:1px solid rgba(52,69,46,0.3) !important;}
  body.donjatramosnica-front .contact-alert--error{background:rgba(107,31,42,0.08) !important; color:var(--wine) !important; border:1px solid rgba(107,31,42,0.3) !important;}
  body.donjatramosnica-front .contact-form{display:flex !important; flex-direction:column !important; gap:16px !important; max-width:480px; margin:0 !important; padding:0 !important;}
  body.donjatramosnica-front .contact-form label{
    font-family:'Inter',sans-serif !important; font-size:0.82rem !important; color:var(--ink-soft) !important;
    margin:0 !important; padding:0 !important; display:block !important;
  }
  body.donjatramosnica-front .contact-form input[type="text"],
  body.donjatramosnica-front .contact-form input[type="email"],
  body.donjatramosnica-front .contact-form textarea{
    font-family:'Source Serif 4',serif !important; font-size:1rem !important;
    padding:12px 14px !important; border:1px solid var(--line) !important; border-radius:2px !important;
    background:#fff8ee !important; color:var(--ink) !important;
    margin:0 !important; width:100% !important; box-sizing:border-box !important;
  }
  body.donjatramosnica-front .contact-form textarea{min-height:140px !important; resize:vertical;}
  body.donjatramosnica-front .contact-form input:focus,
  body.donjatramosnica-front .contact-form textarea:focus{outline:2px solid var(--brass) !important; outline-offset:1px;}
  .contact-honeypot{position:absolute !important; left:-9999px !important; width:1px; height:1px; opacity:0;}
  body.donjatramosnica-front .contact-form button[type="submit"]{
    align-self:flex-start !important;
    font-family:'Inter',sans-serif !important; font-size:0.85rem !important; font-weight:600 !important;
    background:var(--wine) !important; color:var(--stone) !important;
    padding:13px 28px !important; border:none !important; border-radius:2px !important;
    cursor:pointer !important; letter-spacing:0.02em !important;
    transition:opacity 0.2s; margin:0 !important;
  }
  body.donjatramosnica-front .contact-form button[type="submit"]:hover{opacity:0.88 !important;}

  body.donjatramosnica-front .contact-info-col{display:flex !important; flex-direction:column !important; gap:20px !important; margin:0 !important; padding:0 !important;}
  body.donjatramosnica-front .contact-card{
    background:#fff8ee !important; border:1px solid var(--line) !important;
    padding:24px 24px 22px !important; margin:0 !important;
  }
  body.donjatramosnica-front .contact-card-icon{
    width:44px !important; height:44px !important; border-radius:50% !important;
    background:var(--brass) !important; color:var(--stone) !important;
    display:flex !important; align-items:center !important; justify-content:center !important;
    margin:0 0 12px !important; padding:0 !important;
  }
  body.donjatramosnica-front .contact-card-icon svg{display:block !important; margin:0 !important;}
  body.donjatramosnica-front .contact-card h5{
    font-family:'Fraunces',serif !important; font-size:1.05rem !important; margin:0 0 6px !important; padding:0 !important; color:var(--ink) !important;
  }
  body.donjatramosnica-front .contact-card p{font-size:0.92rem !important; color:var(--ink-soft) !important; margin:0 !important; padding:0 !important;}

  /* Generički stil za forme unutar sadržaja stranice (npr. Contact Form 7 na Kontakti) */
  body.donjatramosnica-front .single-content input[type="text"],
  body.donjatramosnica-front .single-content input[type="email"],
  body.donjatramosnica-front .single-content input[type="tel"],
  body.donjatramosnica-front .single-content textarea,
  body.donjatramosnica-front .single-content select{
    width:100% !important; max-width:480px;
    font-family:'Source Serif 4', serif !important; font-size:1rem !important;
    padding:12px 14px !important; margin:0 0 16px !important;
    border:1px solid var(--line) !important; border-radius:2px !important;
    background:#fff8ee !important; color:var(--ink) !important;
    box-sizing:border-box !important;
  }
  body.donjatramosnica-front .single-content textarea{min-height:140px !important;}
  body.donjatramosnica-front .single-content input[type="submit"],
  body.donjatramosnica-front .single-content button[type="submit"]{
    font-family:'Inter',sans-serif !important; font-size:0.85rem !important; font-weight:600 !important;
    background:var(--wine) !important; color:var(--stone) !important;
    padding:13px 28px !important; border:none !important; border-radius:2px !important;
    cursor:pointer !important; letter-spacing:0.02em !important;
  }
  body.donjatramosnica-front .single-content input[type="submit"]:hover,
  body.donjatramosnica-front .single-content button[type="submit"]:hover{opacity:0.9 !important;}
  body.donjatramosnica-front .single-content label{
    display:block !important; font-family:'Inter',sans-serif !important; font-size:0.85rem !important;
    color:var(--ink-soft) !important; margin-bottom:6px !important;
  }
  .archive-pagination{
    margin-top:48px; padding-top:32px; border-top:1px solid var(--line);
    display:flex; gap:12px; flex-wrap:wrap; justify-content:center;
    font-family:'Inter',sans-serif; font-size:0.88rem;
  }
  .archive-pagination .page-numbers{
    padding:8px 14px; border:1px solid var(--line); color:var(--ink-soft);
    text-decoration:none;
  }
  .archive-pagination .page-numbers.current{background:var(--wine); color:var(--stone); border-color:var(--wine);}
  .archive-pagination .page-numbers:hover:not(.current){border-color:var(--wine); color:var(--wine);}

  @media (max-width: 860px){
    body.donjatramosnica-front .hamburger{display:flex !important;}
    body.donjatramosnica-front .nav-cta{display:none !important;}
    body.donjatramosnica-front nav > ul{
      display:none !important;
      position:fixed !important; top:71px !important; left:0 !important; right:0 !important;
      height:calc(100% - 71px) !important;
      height:calc(100dvh - 71px) !important;
      bottom:0 !important;
      flex-direction:column !important; align-items:stretch !important;
      background:var(--stone) !important;
      overflow-y:auto !important;
      -webkit-overflow-scrolling:touch !important;
      overscroll-behavior:contain !important;
      padding:12px 24px 100px !important;
      gap:0 !important;
      z-index:55;
    }
    body.donjatramosnica-front.nav-open nav > ul{display:flex !important;}
    body.donjatramosnica-front nav > ul > li{
      display:block !important;
      width:100%;
      border-bottom:1px solid var(--line);
    }
    body.donjatramosnica-front nav ul a{
      width:100%; padding:16px 4px !important; font-size:1rem !important;
    }
    body.donjatramosnica-front .dropdown,
    body.donjatramosnica-front .sub-menu{
      position:static !important;
      display:none !important;
      box-shadow:none !important;
      border:none !important;
      background:transparent !important;
      padding:0 0 8px 16px !important;
    }
    body.donjatramosnica-front li.submenu-open > .dropdown,
    body.donjatramosnica-front li.submenu-open > .sub-menu{
      display:flex !important;
    }
    body.donjatramosnica-front .dropdown a, body.donjatramosnica-front .sub-menu a{
      padding:12px 4px !important; font-size:0.92rem !important;
    }
    .featured-section{margin-top:-40px;}
    body.donjatramosnica-front .contact-grid{grid-template-columns:1fr !important; gap:40px !important; padding-top:40px !important; padding-bottom:20px !important;}
    body.donjatramosnica-front .lovro-prayers{grid-template-columns:1fr !important;}
    .featured-grid{grid-template-columns:1fr;}
    .news-grid{grid-template-columns:1fr;}
    .bell-grid{grid-template-columns:1fr;}
    .bell-card{border-right:none; border-bottom:1px solid var(--line);}
    .priest-inner{grid-template-columns:1fr;}
    .priest img{max-width:220px;}
    body.donjatramosnica-front .footer-grid{grid-template-columns:1fr 1fr !important; gap:32px !important;}
  }