/* Existing WooCommerce fields; scoped so backpack/YITH and checkout remain untouched. */
body.term-krstenje .woocommerce-products-header { padding-top: 3rem; }
body.term-krstenje .woocommerce-products-header__title {
 position: relative; display: inline-block; margin: 0 auto 2rem;
 font-family: 'Playfair Display', serif; font-size: 1.618em; font-weight: 700; font-style: italic;
}
body.term-krstenje .woocommerce-products-header__title::after {
 position: absolute; content: ''; left: 0; right: 0; bottom: -10px;
 margin: 0 auto; width: 100%; border-bottom: 2px solid #be9667;
}
@media (min-width: 768px) {
 body.term-krstenje .woocommerce-products-header__title::after { width: 110%; left: -5%; }
}
.loni-christening-fields { margin: 0 0 1.5rem; width: 100%; }
.loni-christening-fields .form-row { margin-bottom: 1rem; padding: 0; }
.loni-christening-fields label { display: block; margin-bottom: .4rem; }
.loni-christening-fields input, .loni-christening-fields textarea, .loni-christening-fields select {
 width: 100%; max-width: 100%; box-sizing: border-box; font: inherit;
 border: 1px solid #e4d1bd; border-radius: 4px; background: #fff;
 padding: .7rem; color: inherit; box-shadow: none;
}
.loni-christening-fields textarea { resize: vertical; min-height: 8rem; }
.loni-christening-fields select { padding-right: 2rem; }
.loni-christening-fields input[type="date"], .loni-christening-fields input.loni-date-hr {
 position: relative; padding-right: 2.5rem; cursor: pointer;
 background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E") no-repeat right .7rem center;
}
.loni-hr-calendar { display: none; background: #fff; border: 1px solid #be9667; padding: .75rem; width: 19rem; max-width: 95vw; box-shadow: 0 4px 16px #0002; z-index: 9999 !important; }
.loni-hr-calendar .ui-datepicker-header { position: relative; text-align: center; padding: .5rem 2rem; font-weight: bold; }
.loni-hr-calendar .ui-datepicker-prev, .loni-hr-calendar .ui-datepicker-next { position: absolute; top: .5rem; cursor: pointer; font-size: 0; }
.loni-hr-calendar .ui-datepicker-prev { left: .25rem; }
.loni-hr-calendar .ui-datepicker-next { right: .25rem; }
.loni-hr-calendar .ui-datepicker-prev::after { content: '‹'; font-size: 1.5rem; }
.loni-hr-calendar .ui-datepicker-next::after { content: '›'; font-size: 1.5rem; }
.loni-hr-calendar table { margin: 0; width: 100%; }
.loni-hr-calendar th, .loni-hr-calendar td { padding: .2rem; text-align: center; }
.loni-hr-calendar td a { display: block; padding: .3rem; color: #333; text-decoration: none; }
.loni-hr-calendar td a:hover, .loni-hr-calendar .ui-state-active { background: #be9667; color: #fff; }
.loni-hr-calendar .ui-datepicker-title select { width: auto; max-width: 55%; padding: 0 .2rem; font: inherit; }
.loni-hr-calendar .ui-datepicker-buttonpane { display: flex; justify-content: space-between; border-top: 1px solid #ddd; margin-top: .6rem; padding-top: .6rem; }
.loni-hr-calendar .ui-datepicker-buttonpane button { margin: 0; padding: .4rem .7rem; background: #333; color: #fff; border: 0; font: inherit; opacity: 1; }
.loni-christening-fields input[type="date"]::-webkit-calendar-picker-indicator {
 position: absolute; inset: 0; width: auto; height: auto; margin: 0;
 padding: 0; opacity: 0; cursor: pointer;
}
.loni-christening-fields input:focus, .loni-christening-fields textarea:focus, .loni-christening-fields select:focus { outline: 2px solid #be9667; outline-offset: 2px; }