/* Kontakt: Gutenberg HTML blokovi i postojeća Contact Form 7 forma. */
.ws10-page .site-main,.ws10-page .page-shell { width:100%; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.ws10-page .entry-content { font-size:1rem; line-height:1.6; }
.ws10 { --ws10-navy:#062940; --ws10-deep:#041d2e; --ws10-ink:#0a2a42; --ws10-muted:#4e6b7c; --ws10-gold:#f2c94f; --ws10-aqua:#eaf4f2; --ws10-line:#cfdfdc; box-sizing:border-box; color:var(--ws10-ink); }
.ws10 *, .ws10 *::before, .ws10 *::after { box-sizing:border-box; }
.ws10-wrap { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.ws10 h1,.ws10 h2,.ws10 h3,.ws10 p { margin:0; }
.ws10 h1,.ws10 h2,.ws10 h3 { font-weight:800; letter-spacing:0; line-height:1.06; }
.ws10-kicker { margin-bottom:14px!important; color:#a86e00; font-size:12px; font-weight:800; letter-spacing:1.2px; line-height:1.2; text-transform:uppercase; }
.ws10-kicker--light { color:var(--ws10-gold); }
.ws10-button { display:inline-flex; min-height:50px; align-items:center; justify-content:center; padding:12px 24px; border:1px solid transparent; border-radius:4px; color:var(--ws10-ink); background:var(--ws10-gold); font-size:15px; font-weight:800; line-height:1.2; text-align:center; text-decoration:none; transition:transform 180ms ease,background-color 180ms ease; }
.ws10-button:hover,.ws10-button:focus-visible { transform:translateY(-2px); }

.ws10-hero { padding:82px 0 78px; background:var(--ws10-navy); }
.ws10-hero__grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.68fr); gap:90px; align-items:center; }
.ws10-hero__copy { max-width:690px; color:#fff; }
.ws10-hero h1 { max-width:700px; font-size:58px; }
.ws10-hero__copy > p:not(.ws10-kicker) { max-width:630px; margin-top:25px; color:#d9e7ea; font-size:19px; line-height:1.65; }
.ws10-direct { padding:31px; border:1px solid rgba(220,239,235,.42); background:#0b4562; }
.ws10-direct h2 { margin-bottom:21px; color:#fff; font-size:25px; }
.ws10-direct__list { display:grid; gap:16px; }
.ws10-direct__item { display:grid; gap:3px; padding-bottom:15px; border-bottom:1px solid rgba(220,239,235,.22); }
.ws10-direct__item:last-child { padding-bottom:0; border-bottom:0; }
.ws10-direct__label { color:var(--ws10-gold); font-size:12px; font-weight:800; letter-spacing:.8px; line-height:1.2; text-transform:uppercase; }
.ws10-direct a { color:#fff; font-size:17px; font-weight:800; line-height:1.35; text-decoration:none; }
.ws10-direct a:hover,.ws10-direct a:focus-visible { color:var(--ws10-gold); }

.ws10-form-section { padding:90px 0 96px; background:#fff; }
.ws10-form-grid > .wp-block-group__inner-container { display:grid; grid-template-columns:minmax(270px,.66fr) minmax(0,1fr); gap:94px; align-items:start; }
.ws10-form-intro h2 { margin-bottom:20px; font-size:45px; }
.ws10-form-intro > p:not(.ws10-kicker) { max-width:430px; color:var(--ws10-muted); font-size:17px; line-height:1.65; }
.ws10-form-note { display:grid; gap:11px; margin-top:33px; padding-top:26px; border-top:1px solid var(--ws10-line); }
.ws10-form-note strong { font-size:16px; }
.ws10-form-note span { color:var(--ws10-muted); font-size:15px; line-height:1.55; }
.ws10-form-shell { padding:34px; border:1px solid var(--ws10-line); background:#f7faf8; box-shadow:12px 13px 0 #d5e9e5; }
.ws10-native-form { display:grid; gap:17px; margin:0; }
.ws10-native-form p { margin:0; }
.ws10-native-form input:not([type='hidden']),.ws10-native-form textarea { display:block; width:100%; border:1px solid #b8cdca; border-radius:0; color:var(--ws10-ink); background:#fff; box-shadow:none; font:inherit; font-size:16px; line-height:1.45; }
.ws10-native-form input:not([type='hidden']) { min-height:52px; padding:12px 14px; }
.ws10-native-form textarea { min-height:157px; padding:13px 14px; resize:vertical; }
.ws10-native-form input::placeholder,.ws10-native-form textarea::placeholder { color:#6b8491; opacity:1; }
.ws10-native-form input:focus,.ws10-native-form textarea:focus { border-color:#087d85; outline:2px solid rgba(8,125,133,.18); outline-offset:1px; }
.ws10-native-form__trap { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.ws10 .ws-submit-row { margin-top:4px!important; }
.ws10-native-form button { display:flex; width:100%; min-height:52px; align-items:center; justify-content:center; padding:12px 22px; border:1px solid #f2c94f; border-radius:4px; color:var(--ws10-ink); background:var(--ws10-gold); cursor:pointer; font:inherit; font-size:15px; font-weight:800; line-height:1.2; text-align:center; }
.ws10-native-form button:hover,.ws10-native-form button:focus-visible { background:#ffd85f; }
.ws10-form-message { margin:0!important; padding:12px 13px; font-size:14px; font-weight:700; line-height:1.45; }
.ws10-form-message--success { border:1px solid #6ead8d; color:#145638; background:#e9f7ed; }
.ws10-form-message--error { border:1px solid #d38686; color:#8d2020; background:#fff0f0; }

.ws10-location { padding:0 0 88px; background:#fff; }
.ws10-location__heading { display:flex; gap:40px; align-items:end; justify-content:space-between; margin-bottom:31px; }
.ws10-location h2 { font-size:39px; }
.ws10-location__heading p { max-width:440px; color:var(--ws10-muted); font-size:16px; line-height:1.6; }
.ws10-map { overflow:hidden; border:1px solid var(--ws10-line); background:var(--ws10-aqua); }
.ws10-map iframe { display:block; width:100%; height:410px; border:0; }

@media (max-width:980px) {
  .ws10-hero__grid { gap:54px; }
  .ws10-form-grid > .wp-block-group__inner-container { gap:54px; }
  .ws10-hero h1 { font-size:48px; }
}
@media (max-width:760px) {
  .ws10-wrap { width:min(100% - 32px,560px); }
  .ws10-hero { padding:54px 0 56px; }
  .ws10-hero__grid { grid-template-columns:1fr; gap:34px; }
  .ws10-form-grid > .wp-block-group__inner-container { grid-template-columns:1fr; gap:34px; }
  .ws10-hero h1 { font-size:39px; }
  .ws10-hero__copy > p:not(.ws10-kicker) { margin-top:20px; font-size:16px; }
  .ws10-direct { padding:25px 22px; }
  .ws10-direct h2 { font-size:23px; }
  .ws10-form-section { padding:62px 0 66px; }
  .ws10-form-intro h2 { font-size:32px; }
  .ws10-form-intro > p:not(.ws10-kicker) { font-size:16px; }
  .ws10-form-shell { padding:21px; box-shadow:7px 8px 0 #d5e9e5; }
  .ws10-location { padding-bottom:62px; }
  .ws10-location__heading { display:grid; gap:18px; margin-bottom:25px; }
  .ws10-location h2 { font-size:31px; }
  .ws10-map iframe { height:330px; }
}
@media (prefers-reduced-motion:reduce) { .ws10-button { transition:none; } }