@charset "UTF-8";
/* =========================================================================
   RKS Προκάτ — WordPress-only additions
   The design itself is assets/prokat-rks.css (= the approved mockup's custom.css, with image
   paths rebased and CSS content glyphs escaped). This file only adapts it to WordPress:
   Flatsome's wrapper, the admin bar, image focus points, Contact Form 7, builder helpers.
   Breakpoints: mobile ≤549px · tablet 550–849px · desktop ≥850px (+ the design's 1024px).
   ========================================================================= */

/* ---------- Flatsome wrapper: the mockup has none, so neutralise its white box ---------- */
#wrapper, #main { background-color: transparent; }
#wrapper { box-shadow: none; }
#main > #content { padding: 0; }

/* ---------- Admin bar: keep the fixed (sticky) header below it while logged in ---------- */
.admin-bar .rks2-header.is-stuck { top: 62px; }
@media screen and (max-width: 782px) {
  .admin-bar .rks2-header.is-stuck { top: 76px; }
}

/* ---------- Image focus points (set per element in UX Builder; default = centre) ---------- */
.v2-pagehero-bg { background-position: var(--focus, center); }
.v2-split-media img,
.v2-banner img { object-position: var(--focus, center); }
@media (max-width: 549px) {
  .v2-pagehero-bg { background-position: var(--focus-m, var(--focus, center)); }
  .v2-split-media img,
  .v2-banner img { object-position: var(--focus-m, var(--focus, center)); }
}

/* ---------- Form slot child in UX Builder: transparent wrapper ---------- */
.db-rks-formslot { display: contents; }

/* ---------- Editor hint shown only when a product list is empty ---------- */
.db-rks-empty { padding: 24px; border: 1px dashed #6E7150; color: #6E7150; font-size: 14px; margin: 0; }

/* =========================================================================
   Contact Form 7 inside the design's forms (.v2-form / .v2-footer-form)
   CF7 wraps every control in a span and prints its own acceptance / messages markup.
   ========================================================================= */
/* The design zeroes column padding with `.section .row:last-child > .col` — in a CF7 form the row is
   followed by CF7's response box, so it is no longer :last-child. Same result, CF7-proof: */
.section .wpcf7-form > .row > .col { padding-bottom: 0; }
.v2-form .wpcf7-form-control-wrap,
.v2-footer-form .wpcf7-form-control-wrap { display: block; position: relative; }

/* Native <select> kept for submission/validation; the .v2-select widget replaces it visually */
.db-rks-select-native {
  position: absolute !important; width: 1px !important; height: 1px !important;
  opacity: 0 !important; pointer-events: none !important; margin: 0 !important; padding: 0 !important;
  border: 0 !important; clip: rect(0 0 0 0);
}

/* Acceptance checkbox: <div class="v2-consent db-rks-consent">[acceptance]…</div> → the design's
   .v2-consent look (the wrapper keeps the text styles, CF7's own <label> becomes the flex row) */
.v2-form .db-rks-consent,
.v2-footer-form .db-rks-consent { display: block; cursor: default; }
.v2-form .wpcf7-acceptance,
.v2-footer-form .wpcf7-acceptance,
.v2-form .wpcf7-acceptance .wpcf7-list-item,
.v2-footer-form .wpcf7-acceptance .wpcf7-list-item { display: block; margin: 0; }
.v2-form .wpcf7-acceptance label,
.v2-footer-form .wpcf7-acceptance label {
  display: flex; align-items: flex-start; gap: 10px; margin: 0;
  font: inherit; letter-spacing: inherit; text-transform: none; color: inherit; cursor: pointer;
}
.v2-form .wpcf7-acceptance .wpcf7-list-item-label,
.v2-footer-form .wpcf7-acceptance .wpcf7-list-item-label { flex: 1 1 auto; }

/* Validation + response messages */
/* (beats Flatsome's `.wpcf7 .wpcf7-not-valid-tip` grey pill: background, padding, opacity) */
.wpcf7 form.v2-form .wpcf7-not-valid-tip,
.wpcf7 form.v2-footer-form .wpcf7-not-valid-tip {
  display: block; position: static; margin: -16px 0 14px; padding: 0;
  background: none; border-radius: 0; opacity: 1;
  font-size: 12px; line-height: 1.4; color: #BE6A4A;
}
.wpcf7 form.v2-footer-form .wpcf7-not-valid-tip { margin: -6px 0 10px; }
/* the consent checkbox has no bottom margin to pull into: message goes below it */
.wpcf7 form.v2-form .db-rks-consent .wpcf7-not-valid-tip,
.wpcf7 form.v2-footer-form .db-rks-consent .wpcf7-not-valid-tip { margin: 6px 0 0 26px; }
.wpcf7 form.v2-footer-form .wpcf7-not-valid-tip { color: #E08A68; }
.v2-form .wpcf7-not-valid, .v2-footer-form .wpcf7-not-valid { border-color: #BE6A4A !important; }
.wpcf7 form .wpcf7-response-output {
  margin: 16px 0 0; padding: 10px 14px; border: 1px solid #6E7150; border-radius: 0;
  font-size: 13px; line-height: 1.5;
}
.wpcf7 form.v2-footer-form .wpcf7-response-output { color: #EEE9DF; border-color: rgba(238,233,223,0.4); }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output { border-color: #BE6A4A; }
.wpcf7 form.sent .wpcf7-response-output { border-color: #6E7150; }
/* CF7's spinner takes no room until a form is actually sending (keeps the design's heights) */
.v2-form .wpcf7-spinner, .v2-footer-form .wpcf7-spinner { display: none; margin: 10px auto 0; }
.v2-form.submitting .wpcf7-spinner, .v2-footer-form.submitting .wpcf7-spinner { display: block; }
.wpcf7 form.submitting .wpcf7-submit { opacity: 0.6; pointer-events: none; }