.gcc-huk-wrap{
	--gcc-huk-accent:#b76a2a; /* bakrena */
	--gcc-huk-accent-2:#9a531f;
	--gcc-huk-accent-soft:rgba(183,106,42,.16);
	max-width:820px;
	margin:32px auto;
	padding:0 14px;
	font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif
}

.gcc-huk-card{
	background:#fff;
	border:1px solid #e8e8ee;
	border-radius:22px;
	box-shadow:0 12px 38px rgba(0,0,0,.08);
	padding:22px
}

.gcc-huk-header h2{margin:0 0 6px;font-size:24px;letter-spacing:-.2px}
.gcc-huk-sub{margin:0 0 14px;color:#4b5563;line-height:1.5}
.gcc-huk-deadline{margin:0 0 12px;color:#111827}

.gcc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.gcc-colspan2{grid-column:1 / -1}

.gcc-huk-form label{display:block;font-weight:650;margin:0 0 6px;color:var(--gcc-huk-accent)}
.gcc-huk-form input[type=text],
.gcc-huk-form input[type=email],
.gcc-huk-form input[type=tel],
.gcc-huk-form input[type=number],
.gcc-huk-form input[type=url],
.gcc-huk-form select,
.gcc-huk-form textarea{
	width:100%;
	border:1px solid #e5e7eb;
	border-radius:14px;
	padding:11px 12px;
	font-size:14px;
	background:#f9fafb;
	transition:box-shadow .15s ease,border-color .15s ease,background .15s ease
}

.gcc-huk-form input:focus,
.gcc-huk-form select:focus,
.gcc-huk-form textarea:focus{
	outline:none;
	border-color:var(--gcc-huk-accent);
	background:#fff;
	box-shadow:0 0 0 4px var(--gcc-huk-accent-soft)
}
.gcc-huk-form textarea{resize:vertical}

/* Select2 — make enhanced selects match our inputs (especially in group rows) */
.gcc-huk-wrap .select2-container{width:100% !important;}
.gcc-huk-wrap .select2-container--default .select2-selection--single{
	border:1px solid #e5e7eb;
	border-radius:14px;
	background:#f9fafb;
	min-height:44px;
	display:flex;
	align-items:center;
	transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
.gcc-huk-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{
	min-height:44px;
	display:flex;
	align-items:center;
}
.gcc-huk-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{
	padding-left:12px;
	padding-right:34px;
	line-height:1.2;
	color:#111827;
}
.gcc-huk-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{
	height:100%;
	right:10px;
}
.gcc-huk-wrap .select2-container--default.select2-container--open .select2-selection--single,
.gcc-huk-wrap .select2-container--default.select2-container--focus .select2-selection--single{
	outline:none;
	border-color:var(--gcc-huk-accent);
	background:#fff;
	box-shadow:0 0 0 4px var(--gcc-huk-accent-soft);
}
.gcc-huk-wrap .select2-dropdown{
	border:1px solid #e5e7eb;
	border-radius:14px;
	overflow:hidden;
}
.gcc-huk-wrap .select2-results__option{
	font-size:14px;
	padding:10px 12px;
}

.gcc-huk-steps{margin-top:10px}
.gcc-huk-step{display:none}
.gcc-huk-step.is-active{display:block}

.gcc-huk-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.gcc-huk-line{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:14px;
	border:1px solid #eef0f4;
	background:#fcfcff;
	border-radius:18px;
	padding:14px 14px
}
.gcc-huk-line-main{min-width:0}
.gcc-huk-line-title{font-weight:750;color:#111827}
.gcc-huk-line-sub{font-size:13px;color:#6b7280;margin-top:2px}
.gcc-huk-muted{opacity:.9}
.gcc-huk-line-qty{flex:0 0 130px;display:flex;justify-content:flex-end}
.gcc-huk-qty{width:120px;text-align:right;background:#fff;border-radius:999px;padding:10px 12px}

.gcc-huk-inline-error{
	margin-top:10px;
	padding:10px 12px;
	border:1px solid #fecaca;
	background:#fff1f2;
	color:#9f1239;
	border-radius:14px;
	font-weight:600
}

.gcc-huk-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}
.gcc-huk-nav .button{
	border-radius:999px;
	padding:10px 14px
}

.gcc-huk-totals{
	border:1px solid #eef0f4;
	border-radius:18px;
	padding:16px;
	background:#f9fafb
}
.gcc-huk-row{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#111827}
.gcc-huk-hr{height:1px;background:#e5e7eb;margin:14px 0}
.gcc-huk-grand{font-size:16px}
.gcc-huk-review-group{margin:10px 0}
.gcc-huk-breakdown{margin:2px 0 8px;padding-left:12px}
.gcc-huk-breakdown-item{display:flex;justify-content:space-between;gap:12px;margin:6px 0;color:#374151;font-size:14px}
.gcc-huk-breakdown-label{min-width:0;display:flex;flex-direction:column}
.gcc-huk-breakdown-title{font-weight:600;color:#111827}
.gcc-huk-breakdown-meta{font-size:12px;color:#6b7280}
.gcc-huk-breakdown-value{white-space:nowrap}
.gcc-huk-qty-mode .gcc-huk-help{margin-bottom:10px}
.gcc-huk-qty-input{text-align:right}

.gcc-huk-btn{
	appearance:none;
	border:0;
	border-radius:999px;
	padding:12px 18px;
	font-weight:800;
	cursor:pointer;
	background:linear-gradient(180deg,var(--gcc-huk-accent) 0%, var(--gcc-huk-accent-2) 100%);
	color:#fff;
	box-shadow:0 10px 22px rgba(183,106,42,.25);
	transition:transform .06s ease,filter .15s ease
}
.gcc-huk-btn:hover{filter:brightness(1.03)}
.gcc-huk-btn:active{transform:translateY(1px)}
.gcc-huk-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}

.gcc-huk-submit-btn.is-loading{position:relative;opacity:.85}
.gcc-huk-submit-btn.is-loading:after{content:'…';margin-left:10px}

.gcc-huk-error{outline:2px solid #dc2626;outline-offset:2px}

.gcc-huk-submit{margin-top:14px}
.gcc-huk-consent{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:#111827}
.gcc-huk-msg{margin-top:10px;color:#111827}

.gcc-huk-box{
	margin-top:14px;
	padding:14px;
	border:2px solid #ae7850;
	border-radius:18px;
	background:#fbfbfe
}

.gcc-huk-hp{position:absolute;left:-9999px;top:-9999px;height:0;overflow:hidden}

.gcc-huk-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.gcc-huk-tab{
	border:1px solid #e5e7eb;
	background:#f9fafb;
	border-radius:999px;
	padding:9px 14px;
	cursor:pointer;
	font-weight:700
}
.gcc-huk-tab.is-active{
	background:var(--gcc-huk-accent);
	color:#fff;
	border-color:var(--gcc-huk-accent)
}

.gcc-huk-panel{display:none;margin-top:14px}
.gcc-huk-panel.is-active{display:block}

.gcc-huk-note{border:1px solid #fde68a;background:#fffbeb;border-radius:18px;padding:14px}

.gcc-huk-h3{margin:18px 0 10px;font-size:18px;letter-spacing:-.2px}
.gcc-huk-radio{display:flex;gap:14px;align-items:center;margin-top:8px}
.gcc-huk-radio label{display:flex;gap:8px;align-items:center;font-weight:700}
.gcc-huk-radio input[type=radio]{accent-color:var(--gcc-huk-accent)}

.gcc-huk-coauthors-head{display:flex;justify-content:space-between;align-items:center;gap:12px}

@media (max-width:640px){
	.gcc-grid{grid-template-columns:1fr}
	.gcc-huk-line{flex-direction:column;align-items:stretch}
	.gcc-huk-line-qty{justify-content:flex-start}
	.gcc-huk-qty{width:100%;text-align:left}
}

/* Additional styles for enhanced UI (v1.0.3) */
.gcc-huk-qty-label{
    flex:1 1 auto;
    align-self:center;
    margin-right:8px;
    font-size:13px;
    color:#6b7280;
}

.gcc-huk-items{
    margin-top:16px;
    border:1px solid #eef0f4;
    border-radius:18px;
    padding:14px;
    background:#f9fafb;
}
.gcc-huk-item{
    display:flex;
    justify-content:space-between;
    margin-bottom:8px;
    color:#111827;
}
.gcc-huk-item:last-child{margin-bottom:0;}
.gcc-huk-item-label{font-weight:600;}
.gcc-huk-item-val{font-weight:700;}

.gcc-huk-pay{
    margin-top:18px;
    padding:12px 16px;
    border:1px solid #eef0f4;
    border-radius:18px;
    background:#f9fafb;
    font-size:14px;
    color:#111827;
}
.gcc-huk-pay label{
    display:block;
    margin-bottom:8px;
    font-weight:600;
}
.gcc-huk-pay-icons{
    margin-left:8px;
    font-weight:700;
}
.gcc-huk-visa{margin-right:4px;}
.gcc-huk-master{}

/* v0.9.4 — modern UI overrides */
.gcc-huk-wrap{
	max-width:920px;
	padding:22px 16px;
	background:#f6f7fb;
	border:1px solid rgba(17,24,39,.06);
	border-radius:26px;
	box-shadow:0 10px 30px rgba(17,24,39,.08);
}

.gcc-huk-card{
	padding:26px;
	border:1px solid rgba(17,24,39,.08);
	box-shadow:0 18px 60px rgba(17,24,39,.12);
}

.gcc-huk-header h2{font-size:28px;letter-spacing:-.4px}
.gcc-huk-sub{font-size:15px;line-height:1.6}

/* Buttons */
.gcc-huk-btn{padding:12px 18px}
.gcc-huk-btn-secondary{
	background:#fff;
	color:var(--gcc-huk-accent-2);
	border:1px solid rgba(183,106,42,.35);
	box-shadow:0 10px 22px rgba(17,24,39,.10);
}
.gcc-huk-btn-secondary:hover{filter:none;box-shadow:0 12px 26px rgba(17,24,39,.12)}
.gcc-huk-btn-small{padding:10px 14px}

/* Navigation */
.gcc-huk-nav{
	margin-top:18px;
	padding-top:10px;
	border-top:1px solid rgba(17,24,39,.06);
}

/* Inputs */
.gcc-huk-form input[type=text],
.gcc-huk-form input[type=email],
.gcc-huk-form input[type=tel],
.gcc-huk-form input[type=number],
.gcc-huk-form input[type=url],
.gcc-huk-form select,
.gcc-huk-form textarea{
	border-color:rgba(17,24,39,.12);
	background:#fbfcff;
	font-size:15px;
	padding:12px 14px;
}

/* Highlight required fields on invalid with red border */
.gcc-huk-form input:required:invalid,
.gcc-huk-form select:required:invalid,
.gcc-huk-form textarea:required:invalid{
    border-color:#e11d48;
}

@media (max-width:720px){
	.gcc-huk-nav{flex-direction:column-reverse}
	.gcc-huk-btn{width:100%;justify-content:center}
}

/* v0.9.4 — modern UI overrides */
.gcc-huk-wrap{
	max-width:920px;
	padding:22px 16px;
	background:#f6f7fb;
	border:1px solid rgba(17,24,39,.06);
	border-radius:26px;
	box-shadow:0 10px 30px rgba(17,24,39,.08);
}

.gcc-huk-card{
	padding:26px;
	border:1px solid rgba(17,24,39,.08);
	box-shadow:0 18px 60px rgba(17,24,39,.12);
}

.gcc-huk-header h2{font-size:28px;letter-spacing:-.4px}
.gcc-huk-sub{font-size:15px;line-height:1.6}

.gcc-huk-nav{
	margin-top:18px;
	padding-top:10px;
	border-top:1px solid rgba(17,24,39,.06);
}

.gcc-huk-btn-secondary{
	background:#fff;
	color:#111827;
	border:1px solid rgba(17,24,39,.14);
	box-shadow:0 10px 22px rgba(17,24,39,.10);
}
.gcc-huk-btn-secondary:hover{filter:none}

.gcc-huk-btn-small{padding:10px 14px}

.gcc-huk-box{
	border:2px solid #ae7850;
	background:#fbfbff;
}

.gcc-huk-form label{
	color:#ae7850;
	font-weight:700;
}

.gcc-huk-step-title{color:#ae7850;font-weight:800}

.gcc-huk-bullets{margin:0 0 12px 18px}
.gcc-huk-bullets li{margin:6px 0}

.gcc-huk-add-person{margin-top:16px}

.gcc-huk-field-hint{font-size:12px;color:rgba(17,24,39,.65);margin-top:6px}

.gcc-huk-note-muted{font-size:12px;color:rgba(17,24,39,.55);margin-top:10px}

.gcc-huk-divider{border:0;border-top:1px solid rgba(17,24,39,.18);margin:12px 0}

.gcc-huk-section-title{margin:0 0 10px 0;font-size:18px;font-weight:800;color:#ae7850}

@media (max-width:640px){
	.gcc-huk-nav{flex-direction:column-reverse}
	.gcc-huk-btn{width:100%;justify-content:center}
}

/* By default, hide the registrant speciality (Područje) field.  It will be
   shown only when a cotizacija that requires a speciality (e.g. Liječnik / Doktor) is selected. */
.gcc-huk-reg-spec {
    display: none;
}

/* When the speciality field has the .show class it will be displayed.  Use !important
   to override any inline styles that might be present from previous versions or
   third-party plugins (e.g. Select2). */
.gcc-huk-reg-spec.show {
    display: block !important;
}


/* Step 1 — payer help text closer + slightly muted */
.gcc-huk-help{
  margin-top:4px;
  opacity:.75;
  font-size:12px;
  line-height:1.35;
}

/* Step 2 — group disclaimer: red underline instead of yellow box */
.gcc-huk-warning-underline{
  margin-top:12px;
  padding:0;
  border:0;
  background:transparent;
  font-size:13px;
  color:#111827;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #dc2626;
  text-underline-offset: 4px;
}

/* Step 2 — make "Dodaj sudionika" more prominent + add bottom spacing */
.gcc-huk-add-person{
  padding:12px 18px;
  font-size:14px;
  margin-bottom:16px;
}

/* Step 3 — tighter spacing for payment option + descriptions */
.gcc-huk-pay label{ margin-bottom:4px; }
.gcc-huk-pay-desc{ margin:0 0 10px 0; color:rgba(17,24,39,.75); font-size:13px; line-height:1.35; }
.gcc-huk-pay input[type=radio]{ margin-right:8px; }

/* OIB hint consistent */
.gcc-huk-oib-hint{ margin-top:6px; }


/* Step 1 — payer toggle alignment */
.gcc-huk-inline{display:flex;align-items:center;gap:10px}
.gcc-huk-inline input[type="checkbox"]{margin:0}
.gcc-huk-help{margin-top:0;margin-left:24px;opacity:.65;font-size:12px;line-height:1.35}

/* Step 3 — PDV note should be subtle (no yellow box) */
.gcc-huk-note.gcc-huk-note-muted{border:0;background:transparent;padding:0;border-radius:0}


/* Fine-tune payer toggle spacing */
.gcc-huk-wrap .gcc-huk-inline{margin-bottom:4px;}
.gcc-huk-wrap .gcc-huk-help{margin-top:0; opacity:.72; padding-bottom:14px;}
.gcc-huk-wrap .gcc-huk-payer-fields{margin-top:8px;}


/* Group participant 'Ukloni' button */
.gcc-huk-wrap .gcc-huk-remove-person{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:10px 14px;
	border-radius:999px;
	border:1px solid rgba(183,106,42,.35);
	background:rgba(183,106,42,.10);
	color:#6b3c15;
	font-weight:750;
	cursor:pointer;
}
.gcc-huk-wrap .gcc-huk-remove-person:hover{
	background:rgba(183,106,42,.16);
	border-color:rgba(183,106,42,.55);
}

/* Make country dropdown match input height */
.gcc-huk-form select{min-height:44px; padding-top:11px; padding-bottom:11px;}

.gcc-huk-wrap .gcc-huk-pay-title{margin:18px 0 10px;}


/* UOF26 – unify country field label + height (avoid oversized selects from theme) */
.gcc-huk-wrap .gcc-huk-form label{ color: var(--gcc-huk-accent) !important; }

/* Native selects */
.gcc-huk-wrap .gcc-huk-form select[name="reg[country]"],
.gcc-huk-wrap .gcc-huk-form select[name="payer[country]"],
.gcc-huk-wrap .gcc-huk-form select[name$="[country]"]{
  height: 44px;
  min-height: 44px;
  max-height: 44px;
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  line-height: 1.2 !important;
}

/* Select2 single selects (country + others) */
.gcc-huk-wrap .select2-container--default .select2-selection--single{
  height: 44px;
  min-height: 44px;
  max-height: 44px;
}
.gcc-huk-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{
  height: 44px;
  min-height: 44px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex;
  align-items: center;
}
.gcc-huk-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 44px;
}