/*
 * Final presentation rules for Gutenberg-rendered source layouts.
 * Contact, gallery and About us have stable theme-controlled grids while
 * every text and image remains editable in Gutenberg.
 * Author: ropko.online
 */

/* Original navigation and legal/document hyperlinks use the requested blue. */
body.mp-site .mp-site-header .mp-menu a,
body.mp-site .mp-site-header .mp-menu .current-menu-item > a,
body.mp-site .mp-site-header .mp-menu .current_page_item > a,
body.mp-site .mp-page-legal a,
body.mp-site .mp-page-body .mp-legal-content a {
  color:#1840da !important;
}
body.mp-site .mp-site-header .mp-menu a:hover,
body.mp-site .mp-page-legal a:hover,
body.mp-site .mp-page-body .mp-legal-content a:hover {color:#0c2b9b !important;}
body.mp-site .mp-site-header .mp-menu a:focus-visible,
body.mp-site .mp-page-legal a:focus-visible {outline:2px solid #1840da;outline-offset:4px;}

/* Homepage: original offer is not a dark card; the red label and copy are distinct. */
body.mp-site .mp-hero .mp-home-special-grid,
body.mp-site .mp-hero .mp-home-special-grid .mp-special-copy {background:transparent!important;}
body.mp-site .mp-hero .mp-home-special-text .mp-special-copy > h3 {
  color:#e02b20 !important;
  font-size:20px!important;
  text-decoration:underline;
  font-weight:700!important;
  margin:0 0 5px!important;
  line-height:1.25!important;
}
body.mp-site .mp-hero .mp-home-special-text .mp-special-copy > h4 {
  color:#fff!important;
  font-size:23px!important;
  font-weight:700!important;
  line-height:1.14!important;
  margin:0 0 7px!important;
}
body.mp-site .mp-hero .mp-home-special-text .mp-special-copy > p {
  color:#fff!important;
  font-size:13px!important;
  line-height:1.42!important;
  margin:0 0 8px!important;
}
body.mp-site .mp-hero .mp-home-special-photo figure {margin:0!important;}
body.mp-site .mp-hero .mp-home-special-photo img {
  display:block;width:100%!important;max-width:205px!important;
  height:auto!important;max-height:none!important;object-fit:contain!important;
}
body.mp-site .mp-hero .mp-home-special-text .wp-block-buttons {margin-top:10px!important;justify-content:flex-start!important;}
body.mp-site .mp-hero .mp-home-special-text .wp-block-button__link {
  background:transparent!important;border:2px solid #fff!important;
  color:#fff!important;line-height:1.25!important;
  transform:none!important;font-size:14px!important;
  padding:7px 15px!important;border-radius:2px!important;
}
body.mp-site .mp-hero .mp-home-special-text .wp-block-button__link:hover {background:#fff!important;color:#1840da!important;}
body.mp-site .mp-home-hero-form .mp-form-panel .wp-block-heading {display:none!important;}

/* Inner pages are not treated as wide blue blocks. */
body.mp-site .mp-page-body-v15 {max-width:none!important;width:100%!important;padding:0!important;margin:0!important;}
body.mp-site .mp-page-body-v15.mp-page-galeria,
body.mp-site .mp-page-body-v15.mp-page-o-nas {padding:64px 0 78px!important;background:#fff;}
body.mp-site .mp-page-body-v15.mp-page-galeria > .mp-container,
body.mp-site .mp-page-body-v15.mp-page-o-nas > .mp-container {width:80%!important;max-width:1080px!important;margin:0 auto!important;}

/* Source gallery: exactly four equal images per row on desktop. */
body.mp-site .mp-gallery-grid-v15 {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:23px 28px!important;
  align-items:start!important;
  justify-content:stretch!important;
  width:100%!important;
  margin:0 auto!important;
}
body.mp-site .mp-gallery-grid-v15 > figure {
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;display:block!important;overflow:hidden!important;
  aspect-ratio:1.45!important;border-radius:7px!important;
  box-shadow:0 5px 18px rgba(0,0,0,.16);
}
body.mp-site .mp-gallery-grid-v15 > figure > img {
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;object-fit:cover!important;
}

/* About us: first image left, third right, second evenly in between. */
body.mp-site .mp-about-photos-v15 {
  display:flex!important;flex-direction:row!important;
  width:100%!important;justify-content:space-between!important;
  align-items:start!important;gap:24px!important;
  margin:52px 0 0!important;
}
body.mp-site .mp-about-photos-v15 > figure {
  flex:0 1 29%!important;min-width:0!important;max-width:300px!important;
  display:block!important;margin:0!important;
}
body.mp-site .mp-about-photos-v15 img {
  display:block!important;width:100%!important;height:220px!important;
  object-fit:cover!important;border-radius:8px!important;
  box-shadow:0 5px 18px rgba(0,0,0,.19);
}

/* Contact: source has one title banner, light cards and a light form. */
body.mp-site .mp-page-hero-contact {
  min-height:148px!important;
  padding:30px 0!important;
  background-image:var(--mp-hero-image)!important;
  background-size:cover!important;background-position:center!important;
}
body.mp-site .mp-contact-light-v15 {
  display:block!important;
  background:#fafafa!important;
  background-image:none!important;
  color:#303030!important;
  padding:34px 0 75px!important;
  width:100%!important;
}
body.mp-site .mp-contact-light-v15 > .mp-container {
  width:80%!important;max-width:1080px!important;margin:0 auto!important;
}
body.mp-site .mp-contact-grid-v15 {
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px 30px!important;
  width:100%!important;max-width:650px!important;
  margin:0 auto 48px!important;
}
body.mp-site .mp-contact-grid-v15 > .mp-contact-cell-v15 {
  grid-column:auto!important;
  min-width:0!important;width:100%!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  position:relative!important;
  border-radius:8px!important;
  background:#fff!important;
  padding:21px 13px 25px!important;
  box-shadow:0 4px 21px rgba(0,0,0,.07);
  text-align:center!important;
  min-height:167px!important;
}
body.mp-site .mp-contact-grid-v15 > .mp-contact-cell-v15:nth-child(4) {grid-column:2!important;}
body.mp-site .mp-contact-grid-v15 .mp-contact-card {
  background:none!important;background-image:none!important;
  box-shadow:none!important;border:0!important;
  min-height:0!important;padding:0!important;
  width:100%!important;max-width:none!important;
  margin:0!important;text-align:center!important;
  display:block!important;
}
body.mp-site .mp-contact-grid-v15 .mp-contact-card > h3,
body.mp-site .mp-contact-grid-v15 .mp-contact-card > .wp-block-heading {
  font-size:20px!important;font-weight:700!important;line-height:1.2!important;
  margin:14px 0 13px!important;color:#222!important;
}
body.mp-site .mp-contact-grid-v15 .mp-contact-card p {
  font-size:13px!important;line-height:1.4!important;color:#8696ae!important;
  margin:0 0 4px!important;overflow-wrap:anywhere;
}
body.mp-site .mp-contact-grid-v15 .mp-contact-card a {
  color:#8191a6!important;font-weight:600!important;font-style:italic!important;
}
body.mp-site .mp-contact-symbol-v15 {
  display:block!important;width:38px!important;height:38px!important;
  margin:0 auto!important;color:#126bd9!important;
  flex:0 0 38px!important;
}
body.mp-site .mp-contact-symbol-v15 svg {display:block;width:100%;height:100%;}

body.mp-site .mp-contact-form-v15 {
  width:100%!important;max-width:610px!important;
  margin:0 auto!important;padding:0!important;
  background:none!important;background-image:none!important;
  color:#3d3d3d!important;
}
body.mp-site .mp-contact-form-v15 > h2 {
  display:block!important;font-size:29px!important;color:#222!important;
  font-weight:700!important;line-height:1.25!important;
  text-align:center!important;margin:0 0 45px!important;
}
body.mp-site .mp-contact-form-v15 > h2:after {
  content:'';display:block;width:70px;height:5px;background:#1840da;
  margin:12px auto 0;
}
body.mp-site .mp-contact-form-v15 .mp-form-shell {width:100%!important;max-width:none!important;}
body.mp-site .mp-contact-form-v15 .mp-contact-form {
  display:flex!important;flex-direction:column!important;gap:12px!important;
  width:100%!important;color:#333!important;
}
body.mp-site .mp-contact-form-v15 .mp-form-row {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:15px!important;
}
body.mp-site .mp-contact-form-v15 .mp-form-row > label {min-width:0!important;}
body.mp-site .mp-contact-form-v15 .mp-contact-form input:not([type=checkbox]),
body.mp-site .mp-contact-form-v15 .mp-contact-form textarea,
body.mp-site .mp-contact-form-v15 .mp-contact-form select {
  display:block!important;width:100%!important;max-width:none!important;
  border:0!important;background:#ededed!important;
  border-radius:2px!important;box-shadow:none!important;
  color:#3b3b3b!important;font-size:14px!important;
  min-height:43px!important;padding:11px 13px!important;
}
body.mp-site .mp-contact-form-v15 .mp-contact-form textarea {min-height:115px!important;}
body.mp-site .mp-contact-form-v15 .mp-gdpr-label,
body.mp-site .mp-contact-form-v15 .mp-gdpr-label span {color:#8494ac!important;font-size:13px!important;}
body.mp-site .mp-contact-form-v15 .mp-gdpr-label a {color:#1840da!important;}
body.mp-site .mp-contact-form-v15 .mp-math-label,
body.mp-site .mp-contact-form-v15 .mp-math-label span {color:#666!important;}
body.mp-site .mp-contact-form-v15 .mp-form-required {color:#777!important;}
body.mp-site .mp-contact-form-v15 .mp-form-submit {
  color:#222!important;border:2px solid #222!important;
  background:transparent!important;border-radius:0!important;
  padding:7px 15px!important;min-width:0!important;
  font-size:16px!important;font-weight:500!important;
  line-height:1.4!important;transition:color .2s,border-color .2s,background .2s;
}
body.mp-site .mp-contact-form-v15 .mp-form-submit:hover {
  color:#fff!important;background:#1840da!important;border-color:#1840da!important;
}

/* Divi-style button interaction recorded on the original special offer page. */
body.mp-site .mp-page-specialna-ponuka .wp-block-button__link {
  position:relative!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;
  color:#1840da!important;border:2px solid #1840da!important;
  background:transparent!important;border-radius:4px!important;
  font-weight:500!important;letter-spacing:0!important;text-transform:none!important;
  transform:none!important;box-shadow:none!important;
  padding:8px 17px!important;
  transition:padding .22s ease,border-color .22s ease,background-color .22s ease!important;
}
body.mp-site .mp-page-specialna-ponuka .wp-block-button__link::after {
  content:'\203A';display:block;position:absolute;right:12px;
  font-family:Arial,sans-serif;font-size:25px;line-height:1;
  font-weight:400;opacity:0;transform:translateX(-7px);
  color:#1840da;pointer-events:none;
  transition:opacity .23s ease,transform .23s ease;
}
body.mp-site .mp-page-specialna-ponuka .wp-block-button__link:hover,
body.mp-site .mp-page-specialna-ponuka .wp-block-button__link:focus-visible {
  padding-right:34px!important;background:#f7f7f7!important;border-color:#607de3!important;
  color:#1840da!important;transform:none!important;
}
body.mp-site .mp-page-specialna-ponuka .wp-block-button__link:hover::after,
body.mp-site .mp-page-specialna-ponuka .wp-block-button__link:focus-visible::after {
  opacity:1;transform:translateX(0);
}

@media(max-width:980px) {
  body.mp-site .mp-gallery-grid-v15 {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important;}
  body.mp-site .mp-contact-light-v15 > .mp-container {width:88%!important;}
}
@media(max-width:700px) {
  body.mp-site .mp-gallery-grid-v15 {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;}
  body.mp-site .mp-contact-grid-v15 {grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:520px!important;gap:15px!important;}
  body.mp-site .mp-contact-grid-v15 > .mp-contact-cell-v15:nth-child(4) {grid-column:auto!important;}
  body.mp-site .mp-contact-form-v15 > h2 {font-size:26px!important;}
  body.mp-site .mp-page-body-v15.mp-page-galeria > .mp-container,
  body.mp-site .mp-page-body-v15.mp-page-o-nas > .mp-container {width:90%!important;}
  body.mp-site .mp-about-photos-v15 {gap:10px!important;}
  body.mp-site .mp-about-photos-v15 > figure {flex:1 1 0!important;}
  body.mp-site .mp-about-photos-v15 img {height:130px!important;}
}
@media(max-width:480px) {
  body.mp-site .mp-contact-grid-v15 {grid-template-columns:1fr!important;max-width:340px!important;}
  body.mp-site .mp-contact-grid-v15 > .mp-contact-cell-v15 {min-height:145px!important;}
  body.mp-site .mp-contact-form-v15 .mp-form-row {grid-template-columns:1fr!important;}
  body.mp-site .mp-contact-light-v15 > .mp-container {width:90%!important;}
  body.mp-site .mp-gallery-grid-v15 {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body.mp-site .mp-about-photos-v15 img {height:105px!important;}
}