:root{
    --wood:#8f2a1f;
    --ink:#2b241c;
    --accent:#c1392b;
    --accent-text:#c1392b;
    --page-bg:#fdf6e8;
    --chrome-text:#2b241c;

    --cream:#f4e6c8;      --cream-edge:#e3d0a4;
    --rose:#f2d3ca;       --rose-edge:#e6b6a8;
    --dustyblue:#cfe0e0;  --dustyblue-edge:#a9c8c8;
    --sage:#d8e2c4;       --sage-edge:#bfd19c;
    --peach:#f6ddc9;      --peach-edge:#eec19d;
    --blush:#f0ddd7;      --blush-edge:#e3c0b6;
  }

  *{box-sizing:border-box;}

  body{
    margin:0;
    font-family:'Platypi', serif;
    font-style:italic;
    font-style:normal;
    font-weight:400;
    color:var(--ink) !important;
    background:#fdf6e8;
  }

  em {
    color:var(--ink) !important;
  }
  .uk-navbar-container{background:transparent!important;box-shadow:none;}

  .wrap{
	max-width:1200px;
	margin:0 auto;
	padding:28px 24px 60px;
}

  /* ---------- HEADER ---------- */
  .brand{display:flex;align-items:center;gap:14px;}
  .brand .statue{
    width:52px;height:66px;
    background:#efe6d4;
    border:3px solid var(--wood);
    border-radius:6px 6px 30px 30px;
    display:flex;align-items:flex-end;justify-content:center;
    font-size:34px;line-height:1;
    box-shadow:2px 3px 0 rgba(0,0,0,0.2);
  }
  #naslov h1,
  .brand h1{
    font-family:'Platypi',serif;
    font-style:normal;
    font-weight:600;
    font-weight:500;
    font-size:34px;
    font-size: 1.8rem;
    color:var(--accent);
    margin:0;
    line-height:1.15;
  }
  #naslov p,
  .brand p{
    margin:4px 0 0;
    font-style:normal;
    font-size:14px;
    letter-spacing:1px;
    color:var(--wood);
    opacity:0.7;
  }
  .board-nav a{
    font-style:normal;
    font-size:15px;
    font-weight:500;
    color:var(--ink);
    opacity:0.65;
    padding-bottom:3px;
    margin-left:26px;
    border-bottom:2px solid transparent;
    transition:opacity .15s ease, border-color .15s ease;
  }
  .board-nav a:hover{color:var(--accent);opacity:1;border-bottom-color:var(--accent);}

  /* ---------- NOTE BASE ---------- */
  .note{
    position:relative;
    padding:26px 22px 20px;
    font-size:18px;
    line-height:1.55;
    box-shadow: 3px 6px 10px rgba(0,0,0,0.22), inset 0 0 0 1px rgba(0,0,0,0.03);
    background-image: linear-gradient(rgba(0,0,0,0.02) 1px, transparent 1px);
    background-size: 100% 28px;
    margin-bottom:30px;
  }
  .note h3{
    font-family:'Platypi',serif;
    font-style:normal;
    font-weight:700;
    font-weight:600;
    font-weight:500;
    font-size:26px;
    margin:0 0 12px;
    color:var(--ink);
    text-decoration:underline;
    text-decoration-style:wavy;
    text-decoration-color:rgba(0,0,0,0.22);
    text-underline-offset:4px;
  }

  .note.tilt-1{
    transform:rotate(-0.8deg);
    transform: none;
  }
  .note.tilt-2{
    transform:rotate(0.6deg);
    transform: none;
  }
  .note.tilt-3{
    transform:rotate(-0.4deg);
    transform: none;
  }
  .note.tilt-4{
    transform:rotate(0.9deg);
    transform: none;
  }
  .note.tilt-5{
    transform:rotate(-1deg);
    transform: none;
  }
  .note.tilt-6{
    transform:rotate(0.3deg);
    transform: none;
  }
  .note:hover{
    transform:scale(1.02) rotate(0deg);
    transition:transform .15s ease;
    z-index:5;
    transform:none !important;
  }
  .obavijesti-note:hover{
    transform:none !important;
  }

  .note.yellow{background:var(--cream);border-bottom:6px solid var(--cream-edge);}
  .note.pink{background:var(--rose);border-bottom:6px solid var(--rose-edge);}
  .note.blue{background:var(--dustyblue);border-bottom:6px solid var(--dustyblue-edge);}
  .note.green{background:var(--sage);border-bottom:6px solid var(--sage-edge);}
  .note.orange{background:var(--peach);border-bottom:6px solid var(--peach-edge);}
  .note.lilac{background:var(--blush);border-bottom:6px solid var(--blush-edge);}
  .note.white{
  background: #f9f7f7;
  border-bottom: 6px solid #e5e5e5;
}
.note.greenish {
background: #E8EFE2;
color: #2D372E;
border: 1px solid #D8E2C4;
border-bottom: 6px solid #D8E2C4;
}

  /* pin */
  .pin{
    position:absolute;top:-10px;left:50%;transform:translateX(-50%);
    width:18px;height:18px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #e07a6a, var(--accent) 70%);
    box-shadow:1px 2px 3px rgba(0,0,0,0.35);
    z-index:2;
  }
  .pin.blue{background:radial-gradient(circle at 35% 30%, #8fc2c2, #3f7d7d 70%);}
  .pin.green{background:radial-gradient(circle at 35% 30%, #a8c483, #5c7d34 70%);}
  .pin.yellow{background:radial-gradient(circle at 35% 30%, #e8c9a0, #a37a28 70%);}

  /* washi tape */
  .tape{
    position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(-4deg);
    width:90px;height:26px;
    background:repeating-linear-gradient(45deg, rgba(255,255,255,0.55) 0 6px, rgba(255,255,255,0.3) 6px 12px), var(--rose-edge);
    opacity:0.85;
    box-shadow:0 1px 2px rgba(0,0,0,0.2);
  }
  .tape.blue-tape{background:repeating-linear-gradient(45deg, rgba(255,255,255,0.55) 0 6px, rgba(255,255,255,0.3) 6px 12px), var(--dustyblue-edge);}
  .tape.yellow-tape{background:repeating-linear-gradient(45deg, rgba(255,255,255,0.55) 0 6px, rgba(255,255,255,0.3) 6px 12px), var(--cream-edge);}
  .tape.green-tape{background:repeating-linear-gradient(45deg, rgba(255,255,255,0.55) 0 6px, rgba(255,255,255,0.3) 6px 12px), var(--sage-edge);}

  /* ---------- DANAS U ŽUPI ---------- */
  .dogadjaj-item,
  .today-item{
    display:flex;gap:10px;align-items:baseline;
    margin-bottom:10px;padding-bottom:10px;
    border-bottom:1px dashed rgba(0,0,0,0.18);
  }
  .today-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
  .dogadjaj-vrijeme,
  .today-time{
    font-family:'Platypi',serif;font-style:normal;font-weight:600;font-size:1.3rem;color:var(--accent);
    min-width:56px;
  }
  .dogadjaj-naslov,
  .today-what b{
	font-size:18px !important;
	font-weight:600 !important;
	font-weight:500 !important;
}
  .dogadjaj-naslov,
  .today-what small{display:block;font-size:14px;opacity:1.0;}

  /* ---------- LISTIĆ ---------- */
  .listic-body{
    /*
    display:flex;
    */
    gap:14px;align-items:center;
  }
  .listic-thumb{
    /*
    width:78px;height:104px;
    background:#fff9ec;
    border:2px solid var(--wood);
    padding:4px;
    */
    flex-shrink:0;
    box-shadow:2px 3px 4px rgba(0,0,0,0.25);
    transform:rotate(3deg);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    font-family:'Platypi',serif;font-style:normal;font-size:13px;color:var(--wood);text-align:center;
    
  }
  .listic-thumb b{font-size:21px;}

  .note.small-note{font-size:17px;}

  /* ---------- OBAVIJESTI IMAGE PANEL ---------- */
  .obavijesti-note .datum{font-size:15px;opacity:0.7;margin:-6px 0 14px;}
  .obavijesti-img{
    width:100%;height:280px;border-radius:2px;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.15), transparent 40%),
      linear-gradient(120deg,#8fae6b 0%, #b7c98c 35%, #d9d3ab 60%, #8a9e6d 100%);
    position:relative;overflow:hidden;
    border:2px solid rgba(0,0,0,0.15);
  }
  .obavijesti-img::before{
    content:"⛰️";
    position:absolute;font-size:180px;bottom:-50px;right:-20px;opacity:0.35;
  }
  .obavijesti-img::after{
    content:"Slika: brdo blaženstava";
    position:absolute;bottom:8px;left:10px;
    font-style:normal;font-size:13px;color:#3a3120;
    background:rgba(255,255,255,0.55);padding:2px 8px;border-radius:3px;
  }

  /* ---------- RASPORED ---------- */
  .raspored-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;}
  .raspored-day h4{
    font-family:'Platypi',serif;font-style:normal;font-weight:500;font-size:22px;
    margin:18px 0 8px;border-bottom:2px solid rgba(0,0,0,0.22);padding-bottom:4px;
  }
  .raspored-day h4:first-child{margin-top:0;}
  .raspored-day h4 small{font-style:normal;font-family:'Platypi',serif;font-size:15px;font-weight:400;}
  .raspored-item{
    display:flex;gap:10px;align-items:baseline;margin-bottom:6px;
  }
  .raspored-item .t{font-weight:600;color:var(--accent);min-width:52px;font-family:'Platypi',serif;font-style:normal;font-size:1.2rem;}
  .raspored-item .w b{font-size:17px;font-weight:600;}
  .raspored-item .w small{display:block;font-size:13px;opacity:0.65;}
  .raspored-note{font-size:15.5px;}
  .raspored-note p{margin:0 0 16px;}
  .raspored-note b{font-size:17px;font-weight:600;text-decoration:underline;text-decoration-style:dotted;}

  /* ---------- BOTTOM ROW ---------- */
  .bottom-icon{
    width:100%;height:74px;border-radius:2px;
    display:flex;align-items:center;justify-content:center;
    font-size:34px;
    background:rgba(255,255,255,0.35);
    border:1px dashed rgba(0,0,0,0.22);
    margin-bottom:10px;
  }
  .bottom-card p{font-size:15px;opacity:0.75;margin:0;}
  .bottom-card h3{font-size:22px;}

  /* ---------- FOOTER ---------- */
  footer.board{
    margin-top:40px;
    padding:30px 34px 22px;
    background:#f6ecd6;
    border-top:3px dashed var(--wood);
	border-top: 6px solid #e5dbc5;
    box-shadow:2px 4px 10px rgba(0,0,0,0.12);
    color:var(--ink);
  }
  footer h5{
    font-family:'Platypi',serif;font-style:normal;font-weight:600;font-size:19px;color:var(--accent);
    margin:0 0 10px;letter-spacing:0.3px;
  }
  footer p, footer li{font-size:15px;line-height:1.6;color:var(--ink);opacity:0.85;}
  footer ul{margin:0;padding-left:18px;}
  footer .map-note{
    background:#ffffff;color:var(--ink);
    border-radius:3px;padding:10px;
    transform:rotate(-1.5deg);
    box-shadow:2px 3px 6px rgba(0,0,0,0.15);
    font-size:14px;
  }
  footer .map-note .fake-map{
    height:110px;border-radius:2px;margin-bottom:8px;
    background:
      repeating-linear-gradient(0deg, rgba(0,0,0,0.05) 0 2px, transparent 2px 18px),
      repeating-linear-gradient(90deg, rgba(0,0,0,0.05) 0 2px, transparent 2px 18px),
      #cfe6c6;
    display:flex;align-items:center;justify-content:center;font-size:26px;
  }
  footer .copyright{
    text-align:center;margin-top:24px;padding-top:14px;
    border-top:1px solid rgba(0,0,0,0.12);
    font-size:13px;opacity:0.55;
  }

/* 
  @media (max-width:900px){
    .raspored-grid{grid-template-columns:1fr;}
    .brand h1{font-size:28px;}
    #naslov h1{font-size:28px;}
  }
    */

  .uk-card-default, .uk-text-meta {
	color: var(--ink);
	color: #686868;
  }

.uk-background-default {
    background:#fdf6e8;
	border-bottom: 6px solid #f0e7d6;
}

  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
      font-family: 'Sora', sans-serif; 
      font-family:'Platypi', serif;
    font-style: normal;
  }
  .uk-navbar-dropdown {
      background:#fdf6e8;
    color: var(--wood);
  }
  .uk-navbar-nav > li > a {
    color: var(--ink);
    text-transform: none;
    font-size: 1.0rem;
  }
  .uk-navbar-nav > li > a:hover {
    color: var(--accent);
  }

  .uk-navbar-dropdown-nav > li > a {
    color: var(--ink) !important;
    font-family: 'Sora', sans-serif;
  }
  .uk-navbar-dropdown-nav > li > a:hover {
    color: var(--accent);
  }	


  p, body, ul, ol {
      font-family: 'Plus Jakarta Sans', sans-serif; /* 'Inter' */
      font-family: 'Nunito Sans', sans-serif; 
      font-family: 'Sora', sans-serif; 
      font-weight: 400;
      font-size: 1rem; 
      line-height: 1.6; 
      color: #2d372e;
  }

  strong, b {
      font-weight: 600;
      color: #1A241B;
  }

  h1, h2, h3, h4 {
      font-family:'Platypi', serif;
  }
  h2 {
      font-weight:600;
  }

    .breadcrumbs{
      display:flex;align-items:center;gap:8px;
      margin:-14px 0 14px 4px;
    }
    .breadcrumbs .pin{font-style:normal;}

    .uk-breadcrumb{margin:0;}
    .uk-breadcrumb > li > a,
    .uk-breadcrumb > li > span{
      font-family:'Platypi',serif;
      font-style:normal;
      font-size:1rem;
      color:var(--chrome-text);
      transition:color .25s ease;
    }
    .uk-breadcrumb > li > a{opacity:0.65;}
    .uk-breadcrumb > li > a:hover{color:var(--accent-text);opacity:1;}
    .uk-breadcrumb > li:last-child > span{
      color:var(--accent-text);
      font-weight:600;
      font-style:normal;
      opacity:1;
    }
    .uk-breadcrumb > li:nth-child(n+2):not(.uk-first-column)::before {
      content: "›"; 
      margin:0 10px!important;
      color:var(--chrome-text);
      font-style:normal;
      font-family:'Platypi',serif;
      width:auto!important;height:auto!important;
      opacity:0.35;
  }  


    /* citat */
    .note.quote{padding:38px 44px 30px;}
    .note.quote .quote-mark{
      position:absolute;top:2px;left:18px;
      font-family:'Platypi',serif;font-style:normal;font-weight:700;
      font-size:4rem;line-height:1;
      color:var(--accent);opacity:0.28;
      user-select:none;
    }
    .note.quote blockquote{
      margin:0 0 16px;padding-left:6px;
      font-size:1.0rem;line-height:1.55;
      color:var(--ink);
    }
    .note.quote cite{
      display:block;text-align:right;
      font-style:normal;font-weight:600;
      font-size:0.8rem;color:var(--accent);
    }
    .note.quote cite::before{content:"— ";}

    /* reset za samostalni citat */
    .note.quote blockquote{
      background:none!important;
      border-left:none!important;
      border-radius:0!important;
      box-shadow:none!important;
      transform:none!important;
    }
    .note.quote blockquote::before,
    .note.quote blockquote::after{
      content:none!important;
    }

    /* citat unutar teksta */
    .note blockquote{
      position:relative;
      margin:16px 6px 16px 10px;
      padding:14px 20px 12px 24px;
      background:rgba(255,255,255,0.4);
      border-left:3px solid var(--accent);
      border-radius:2px;
      box-shadow:1px 3px 6px rgba(0,0,0,0.12);
      transform:rotate(-0.3deg);
      transform:none;
      color:var(--ink);
      font-size:16.5px;
      line-height:1.5;
    }
    .note blockquote::before{
      content:"“";
      position:absolute;top:-10px;left:-4px;
      font-family:'Platypi',serif;font-weight:700;font-style:normal;
      font-size:34px;line-height:1;
      color:var(--accent);opacity:0.35;
    }
    .note blockquote::after{
      content:"";
      position:absolute;top:-9px;right:16px;
      width:36px;height:15px;
      background:repeating-linear-gradient(45deg, rgba(255,255,255,0.55) 0 4px, rgba(255,255,255,0.25) 4px 8px), var(--cream-edge);
      opacity:0.85;
      transform:rotate(3deg);
    transform:none;
      box-shadow:0 1px 2px rgba(0,0,0,0.15);
    }
    .note blockquote p{margin:0 0 8px;}
    .note blockquote p:last-child{margin-bottom:0;}
    .note blockquote cite,
    .note blockquote footer{
      display:block;text-align:right;
      font-style:normal;font-weight:600;
      font-size:13px;color:var(--accent);
      margin-top:8px;
    }
    .note blockquote cite::before,
    .note blockquote footer::before{content:"— ";}




    .widget-calendar {
    /*
    width: clamp(200px, 90vw, 300px);
    padding: clamp(10px, 3vw, 20px);
    border-radius: 20px;
    margin: 0 auto;
    */
    width: clamp(300px, 33.333vw, 600px);
    container-type: inline-size;
  }

  .widget-header {
    margin-bottom: clamp(8px, 2vw, 15px);
    margin-bottom: 12px;
    text-align: center;
  }

  .month-link {
    font-size: clamp(0.9rem, 4vw, 1.1rem);
    font-weight: 700;
    font-weight: 700;
    font-size: 1rem;
    text-transform: capitalize;
  }

  .year-link {
    font-size: 1rem;
    margin-left: 4px;

  }

  .days-grid {
    display: grid;
    grid-template-columns: 0.8fr repeat(7, 1fr);
    gap: clamp(2px, 0.5vw, 5px);
    text-align: center;
    align-items: center;
  }

  @media (min-width: 658px) and (max-width: 880px) {

    .widget-calendar {
      margin-inline: -20px; 
    }

    .days-grid > div { 
      font-size: clamp(10px, 4cqw, 14px); 
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      border-radius: 50%;
    }
  }

  .weekday-labels {
    font-size: clamp(0.6rem, 2vw, 0.75rem);
    font-weight: 800;
    margin-bottom: 5px;
    font-size: 0.65rem;
    font-weight: 800;
    margin-bottom: 8px;
    text-transform: uppercase;
  }

  .day-cell a {
    width: clamp(11px, 4vw, 16px);
    height: clamp(11px, 4vw, 16px);

    font-size: clamp(0.75rem, 3vw, 0.9rem);

    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    transition: 0.2s;
    aspect-ratio: 1/1;
  }

  .day-cell.is-today a {
    font-weight: 700;
  }

  .day-cell:not(.is-today) a:hover {
    padding: 6px;
  }

  .day-cell {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .day-cell a {
    font-size: 0.85rem;
    font-weight: 500;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    transition: 0.2s;
  }

  .day-cell.today a {
    font-weight: 700;
    padding: 5px;
  }

  .week-num a {
    font-size: clamp(0.6rem, 2vw, 0.7rem);
    opacity: 0.7;

    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    transition: 0.2s;
    aspect-ratio: 1/1;
  }

  .week-num a:hover {
    padding: 6px;
  }

  .month-link {
    color: var(--text-main);
  }

  .year-link {
    color: var(--text-mute);
  }

  .weekday-labels {
    color: var(--text-mute);
  }


  .day-cell a {
    color: var(--text-main);
  }

  .day-cell.today a {
    background-color: var(--accent-text) !important;
    color: var(--blush) !important;
  }
  .day-cell.nedjelja a {
    color: var(--accent-text) !important;
  }
  .day-cell.today.nedjelja a {
    color: var(--blush) !important;
  }
  .day-cell.praznik a {
    color: var(--accent-text) !important;
  }

  .day-cell.selected a {
    background-color: var(--sage-edge) !important;
  }


  .day-cell:not(.today) a:hover {
    background-color: var(--sage-edge) !important;
  }

  .day-cell.other a {
    color: var(--sage-edge) !important;
  }

  .day-cell:not(.today) a:hover {
    background-color: var(--dustyblue);
  }

  .day-cell:not(.is-today) a:hover {
    background-color: var(--color-border);
  }

  .week-num a {
    color: var(--color-blue) !important;
  }

  .week-num a:hover {
    background-color: var(--sage-edge) !important;
  }
  .week-num.selected a {
    background-color: var(--sage-edge) !important;
  }

    /* tablice */
    .uk-table{
      font-family:'Platypi',serif;
      font-family:'Sora',serif;
      font-style:normal;
      font-size:15.5px;
      color:var(--ink);
      margin:14px 0;
    }
    .uk-table th{
      font-style:normal;
      font-weight:700;
      font-size:12.5px;
      letter-spacing:0.6px;
      text-transform:uppercase;
      color:var(--accent);
      padding:10px 14px;
      border-bottom:2px solid var(--accent)!important;
      text-align:left;
    }
    .uk-table td{
      padding:10px 14px;
      border-bottom:1px dashed rgba(0,0,0,0.18)!important;
    }
    .uk-table-divider > tr:not(:first-child),
    .uk-table-divider > :not(:first-child) > tr,
    .uk-table-divider > :first-child > tr:not(:first-child){
      border-top:1px dashed rgba(0,0,0,0.18)!important;
    }
    .uk-table-striped > tr:nth-of-type(odd),
    .uk-table-striped > :not(thead) tr:nth-of-type(odd){
      background: rgba(0,0,0,0.05)!important;
    }
    .uk-table-hover > tr:hover,
    .uk-table-hover > :not(thead) tr:hover{
      background: rgba(193,57,43,0.09)!important;
    }
    .uk-table-small td, .uk-table-small th{padding:7px 12px;}
    .uk-table caption{
      font-style:italic;font-size:13.5px;color:var(--ink);opacity:0.7;
      text-align:left;margin-bottom:8px;
    }


    /* galerija */
    .polaroid{
      position:relative;
      background:#fffdf9;
      padding:10px 10px 0;
      box-shadow:3px 6px 10px rgba(0,0,0,0.25);
      display:flex;
      flex-direction:column;
      height:100%;
      text-decoration:none;
      transition:transform .15s ease;
    }
    .polaroid:hover{transform:scale(1.03) rotate(0deg)!important;z-index:5;}
    .polaroid .photo{
      aspect-ratio:4/3;width:100%;
      display:flex;
      align-items:start;
      justify-content:center;
      font-size:44px;
      /*
      background:linear-gradient(150deg,#c9d9b0,#e4d9ae);
      */
      overflow:hidden;
      flex-shrink:0;
    }
    .polaroid .cap{
      padding:12px 4px 16px;
      text-align:center;
      flex:1;
      display:flex;
      flex-direction:column;
      justify-content:center;
    }
    .polaroid .cap b{
      display:block;
      font-family:'Platypi',serif;font-style:normal;font-weight:600;
      font-size:16px;color:var(--ink);
    }
    .polaroid .cap span{
      font-family:'Sora',sans-serif;
      font-style:normal;
      font-size:12.5px;color:var(--accent);
    }
    .section-title{
      font-family:'Platypi',serif;font-style:normal;font-weight:600;
      font-size:22px;color:var(--chrome-text);
      margin:44px 4px 18px;
    }


  .uk-grid-divider > :not(.uk-first-column)::before {
    border-left: 1px solid var(--sage-edge) !important;
  }

  .raspored-autogrid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
  }


  .uk-offcanvas a {
    font-family:'Sora', serif;
      font-family:'Platypi', serif;
    color: var(--ink);
}
.uk-offcanvas a:hover {
  color:var(--accent) !important;
}

.uk-offcanvas {
	width: 100%;
	z-index: 990 !important;
}
#offcanvas-nav2 {
	top: var(--header-height, 130px) !important;
	z-index: 990 !important;
}

.uk-nav-default .uk-nav-sub {
font-size: 1rem;
}

.uk-offcanvas-bar {
	background-color: #fdf6e8 !important;
	color: var(--ink) !important;
}

#offcanvas-nav2.uk-modal-full,
#offcanvas-nav2 .uk-offcanvas-bar {
	background-color: #fdf6e8 !important;
	color: var(--ink) !important;
	border-right: 1px solid var(--color-border);
}

.uk-offcanvas {
	background-color: #fdf6e8 !important;
	border-bottom: 1px solid var(--color-border) !important;
}

.uk-offcanvas-bar {
	color: var(--text-main) !important;
}

  /* arhiva */
  .archive-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    background:var(--dustyblue);
    border-bottom:5px solid var(--dustyblue-edge);
    padding:20px 22px;
    box-shadow:2px 4px 8px rgba(0,0,0,0.15);
    text-decoration:none;
    color:var(--ink);
    height:100%;
  }
  .archive-item.orange{background:var(--peach);border-bottom:6px solid var(--peach-edge);}
  .archive-item.orange:hover{
    background:#f7e7da;
  }

  .archive-item .meta{flex:1;min-width:0;}
  .archive-item .meta b{
    display:block;font-family:'Platypi',serif;font-style:normal;font-weight:600;
    font-size:19px;margin-bottom:4px;
  }
  .archive-item .meta small{font-size:13.5px;opacity:0.7;}
  .archive-item .thumb{
    width:92px;height:92px;flex-shrink:0;
    border-radius:4px;
    display:flex;align-items:center;justify-content:center;
    font-size:32px;
    /*
    border:2px solid rgba(255,255,255,0.55);
    background:linear-gradient(150deg,#8fae6b,#d9d3ab);
    */
  }
  .archive-item:hover{background:#dcecec;}



  /* paginacija za arhivu */
  .uk-pagination{
    font-family:'Platypi',serif;
    justify-content:center;
    margin-top:26px;
  }
  .uk-pagination > li > a,
  .uk-pagination > li > span{
    font-style:normal;font-weight:600;font-size:15px;
    color:var(--chrome-text);opacity:0.65;
    padding:7px 13px;border-radius:6px;
    border:2px dashed transparent;
    transition:all .15s ease;
  }
  .uk-pagination > li > a:hover{
    color:var(--accent-text);opacity:1;
    border-color:var(--accent-text);
  }
  .uk-pagination > li.uk-active > span{
    background:var(--accent);color:#fff8ee;
    opacity:1;border-color:var(--accent);
  }
  .uk-pagination > li.uk-disabled > span{opacity:0.3;padding:7px 10px;}

  /* hashtag */
  .tag-cloud{display:flex;flex-wrap:wrap;gap:10px;}
  .tag-pill{
    display:inline-flex;align-items:center;gap:5px;
    font-family:'Platypi',serif;font-style:normal;font-weight:400;
    font-size:0.9rem;
    padding:7px 16px;
    border-radius:20px;
    border:2px dashed var(--accent);
    color:var(--ink);
    background:rgba(255,255,255,0.4);
    text-decoration:none;
    transition:all .15s ease;
  }
  .tag-pill:hover{
    background:var(--accent);color:#fff8ee;
    border-style:solid;transform:rotate(-1.5deg);
  }
  .tag-pill .count{
    font-style:normal;font-size:11.5px;opacity:0.6;
  }
  .tag-pill:hover .count{opacity:0.85;}
  .tag-pill.active{
    background:var(--accent);color:#fff8ee;
    border-style:solid;font-style:normal;font-weight:600;
  }
  .tag-pill--lg{font-size:19px;padding:9px 20px;}
  .tag-pill--sm{font-size:13px;padding:5px 13px;}

  /* tražilica */
.uk-modal{background:rgba(20,16,10,0.78);}
  .search-modal-dialog{
    position:relative;
    max-width:560px;width:90%;
    margin:70px auto;
    background:var(--cream);
    border-radius:4px;
    padding:46px 40px 34px;
    box-shadow:0 24px 60px rgba(0,0,0,0.45);
    transform:rotate(-0.6deg);
  }
  .search-pin{
    position:absolute;top:-10px;left:50%;transform:translateX(-50%);
    width:20px;height:20px;border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #e07a6a, var(--accent) 70%);
    box-shadow:1px 2px 3px rgba(0,0,0,0.4);
  }
  .search-modal-dialog h3{
    font-family:'Platypi',serif;font-style:normal;font-weight:700;
    font-size:24px;margin:4px 0 22px;text-align:center;color:var(--ink);
  }
  .search-box{
    display:flex;align-items:center;gap:12px;
    border-bottom:3px solid var(--accent);
    padding-bottom:10px;margin-bottom:22px;
  }
  .search-box .search-icon{font-size:20px;}
  .search-box input{
    flex:1;border:none;background:transparent;outline:none;
    font-family:'Platypi',serif;font-style:italic;font-size:19px;color:var(--ink);
  }
  .search-box input::placeholder{color:var(--ink);opacity:0.4;}
  .search-suggest{
    display:flex;align-items:center;flex-wrap:wrap;gap:8px;
    font-family:'Platypi',serif;font-style:italic;font-size:14px;
    color:var(--ink);opacity:0.75;
  }
  .uk-modal-close-default{
    color:var(--ink)!important;
    background:transparent!important;
    border:2px dashed var(--accent)!important;
    border-radius:50%;
    padding:5px!important;
    /*
    top:-14px!important;right:-14px!important;
    */
  }
  .uk-modal-close-default:hover{color:var(--accent)!important;}

  .search-actions{
    display:flex;justify-content:flex-end;gap:12px;margin-top:28px;
  }
  .btn-search, .btn-cancel{
    font-family:'Platypi',serif;font-style:normal;font-weight:600;
    font-size:15px;padding:10px 24px;border-radius:22px;
    cursor:pointer;transition:all .15s ease;
  }
  .btn-search{
    border:2px solid var(--accent);
    background:var(--accent);color:#fff8ee;
  }
  .btn-search:hover{background:#a52e21;border-color:#a52e21;}
  .btn-cancel{
    border:2px dashed var(--ink);
    background:transparent;color:var(--ink);opacity:0.7;
  }
  .btn-cancel:hover{opacity:1;border-color:var(--accent);color:var(--accent);}

   /* kalendar u traži */
  .event-item{
    display:flex;justify-content:space-between;align-items:center;
    gap:18px;
    background:var(--sage);
    border-bottom:5px solid var(--sage-edge);
    padding:16px 20px;
    box-shadow:2px 4px 8px rgba(0,0,0,0.15);
    text-decoration:none;color:var(--ink);
    /*
    height:100%;
    */
  }
  .event-item:hover{background:#d0dcb8;}
  .event-item .info{flex:1;min-width:0;}
  .event-item .info .time{
    display:block;font-family:'Platypi',serif;font-style:normal;font-weight:700;
    color:var(--accent);font-size:14.5px;margin-bottom:3px;
  }
  .event-item .info b{
    display:block;font-family:'Platypi',serif;font-style:normal;font-weight:600;
    font-size:17px;
  }
  .event-item .info small{font-size:13px;opacity:0.7;}
  .cal-badge{
    width:60px;height:60px;flex-shrink:0;
    background:#fffdf9;
    border-radius:5px;
    overflow:hidden;
    box-shadow:1px 3px 6px rgba(0,0,0,0.25);
    display:flex;flex-direction:column;
  }
  .cal-badge .month{
    background:var(--accent);color:#fff8ee;
    font-family:'Platypi',serif;font-style:normal;font-weight:600;
    font-size:10.5px;text-transform:uppercase;letter-spacing:0.5px;
    text-align:center;padding:3px 0;
  }
  .cal-badge .day{
    flex:1;display:flex;align-items:center;justify-content:center;
    font-family:'Platypi',serif;font-style:normal;font-weight:700;
    font-size:24px;color:var(--ink);
  }


  /* accordion */
 .uk-accordion{list-style:none;margin:0;padding:0;}
  .uk-accordion > li{
    border-bottom:2px dashed rgba(0,0,0,0.18);
  }
  .uk-accordion > li:last-child{border-bottom:none;}
  .uk-accordion-title{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    font-family:'Platypi',serif;font-style:normal;font-weight:600;
    font-size:18px;color:var(--ink);
    padding:16px 2px;
    cursor:pointer;
  }
  .uk-accordion-title::before{content:none!important;background:none!important;}
  .uk-accordion-title:hover{color:var(--accent);}
  .acc-icon{
    font-family:'Platypi',serif;font-weight:700;font-size:24px;
    color:var(--accent);flex-shrink:0;
    transition:transform .2s ease;
    line-height:1;
  }
  .uk-open > .uk-accordion-title .acc-icon{transform:rotate(45deg);}
  .uk-accordion-content{
    font-family:'Platypi',serif;font-style:italic;font-size:16px;line-height:1.6;
    color:var(--ink);
    margin:0 4px 20px 6px;
    padding-left:16px;
    border-left:3px solid var(--accent);
  }
  .uk-accordion-content p{margin:0 0 10px;}
  .uk-accordion-content p:last-child{margin-bottom:0;}

.uk-accordion-default .uk-accordion-title:hover {
color: var(--accent);
}

.uk-nav-sub a {
padding: 5px 0;
}
.uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default>li>a:hover {
color: var(--accent);
}
.uk-nav-default>li>a {
    font-family:'Platypi', serif;
}
.uk-box-shadow-medium {
box-shadow: 2px 3px 4px rgba(0,0,0,0.25);
}
/*
.obavijesti-note a,
*/
.clanak a {
  /*
  border-bottom: 2px dashed var(--accent);
  */
  color: var(--ink);
  text-decoration: underline;
  text-decoration-style: wavy;
  text-decoration-color: #6980e9;
  text-underline-offset: 4px;
}

/*
.obavijesti-note a:hover,
*/
.clanak a:hover {
  border-bottom: none;
  text-decoration: none;
  color: var(--accent);
}

.lokacija, .pripjev, .pripjev em, .uvod, .uvod em,
.vrsta-naslov, .misao em {
  color: var(--accent-text) !important;
}

dd {
  margin-bottom: 10px;
}

.liturgija h4 {
  border-bottom:1px dashed rgba(0,0,0,0.18);
}

.uk-width-small {
  width: clamp(100px, 15vw, 150px);
}

.uk-select,
.uk-input{
background: #E8EFE2;
    color:var(--ink);
border: 2px solid #D8E2C4;
  }

.uk-select:focus,
.uk-input:focus{
    background: #D8E2C4;
color: #2D372E;
}

.greenish h4 {
  border-bottom: 1px dashed rgba(0,0,0,0.18)!important;
}

.uk-nav-default>li>a {
  color: var(--ink);
}

.dogadjaj-vrijeme {
  /*
    font-variant-numeric: tabular-nums;
   */
    display: inline-block;
    text-align: center;
}