.elementor-825 .elementor-element.elementor-element-0f98aa3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.52;--overlay-mix-blend-mode:multiply;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-825 .elementor-element.elementor-element-0f98aa3:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-0f98aa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i-qsports.com/wp-content/uploads/2026/07/gp1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-825 .elementor-element.elementor-element-0f98aa3::before, .elementor-825 .elementor-element.elementor-element-0f98aa3 > .elementor-background-video-container::before, .elementor-825 .elementor-element.elementor-element-0f98aa3 > .e-con-inner > .elementor-background-video-container::before, .elementor-825 .elementor-element.elementor-element-0f98aa3 > .elementor-background-slideshow::before, .elementor-825 .elementor-element.elementor-element-0f98aa3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-825 .elementor-element.elementor-element-0f98aa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#004892;--background-overlay:'';}.elementor-825 .elementor-element.elementor-element-191083c{--display:flex;--min-height:447px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-825 .elementor-element.elementor-element-dc6cb87{text-align:center;}.elementor-825 .elementor-element.elementor-element-dc6cb87 img{width:350px;}.elementor-825 .elementor-element.elementor-element-2ae9dbd{text-align:center;}.elementor-825 .elementor-element.elementor-element-2ae9dbd .elementor-heading-title{font-family:"Greycliff-cf", Sans-serif;color:#FFFFFF;}.elementor-825 .elementor-element.elementor-element-8d933c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-825 .elementor-element.elementor-element-8d933c6:not(.elementor-motion-effects-element-type-background), .elementor-825 .elementor-element.elementor-element-8d933c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-825 .elementor-element.elementor-element-66ab9c7 :is(.wd-breadcrumbs,.yoast-breadcrumb){font-size:14px;--wd-link-color:#FFFFFF;--wd-bcrumb-delim-color:#FFFFFF;--wd-link-color-hover:#C4C4C4;--wd-bcrumb-color-active:#ED1C24;}.elementor-825 .elementor-element.elementor-element-502687c{--display:flex;}html .elementor-825 .elementor-element.elementor-element-61fa2e4 .product_title{font-size:35px;}body.elementor-page-825{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-825 .elementor-element.elementor-element-502687c{--content-width:850px;}}@media(max-width:767px){.elementor-825 .elementor-element.elementor-element-dc6cb87 img{width:273px;}.elementor-825 .elementor-element.elementor-element-2ae9dbd .elementor-heading-title{font-size:20px;}}/* Start custom CSS */.wd-content-layout
 {
    padding-block: 0px!important;
}

/* ============================================================================
   Swim GP Mykonos 2026 — Race variation body.elementor-page-825 styling  (v4, final)
   Markup confirmed:
     select  → #pa_race-selection  (attribute_pa_race-selection)
     price   → .woocommerce-variation-price .price .woocommerce-Price-amount
   High specificity + !important where the theme (WoodMart) fights back.
   Scoped to the race row + variation price only — Acowebs fields untouched.
   APPLY: Appearance → Customize → Additional CSS  (or Elementor → Custom CSS)
   ============================================================================ */

:root{
  --swimgp-red:#ed1c24; --swimgp-black:#000; --swimgp-ink:#171717;
  --swimgp-soft:#faf7f5; --swimgp-line:#e7e2df;
}

/* ---- Center only the race-selection row ---- */
body.single-product .variations tr:has(#pa_race-selection) th.label,
body.single-product .variations tr:has(#pa_race-selection) td.value{
  display:block; width:100%; text-align:center; border:none; padding:0;
}

/* Label: centered, not uppercase */
body.single-product .variations tr:has(#pa_race-selection) th.label label{
  display:block; text-align:center;
  font-weight:700; text-transform:none; letter-spacing:.01em;
  font-size:18px; color:var(--swimgp-black); margin:0 0 12px;
}

/* ---- SELECT: no clipping of the selected long name ---- */
body.single-product #pa_race-selection{
  display:block !important;
  width:100% !important;
  max-width:750px !important;
  margin:0 auto !important;

  text-align:left !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  text-indent:0 !important;

  font-size:15.5px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  height:auto !important;              /* let it grow instead of clipping */
  min-height:52px;
  padding:12px 46px 12px 16px !important;
  border:2px solid var(--swimgp-line) !important;
  border-radius:12px !important;
  background-color:var(--swimgp-soft) !important;
  color:var(--swimgp-ink) !important;
  cursor:pointer;
  appearance:none; -webkit-appearance:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ed1c24'><path d='M5 7l5 6 5-6z'/></svg>") !important;
  background-repeat:no-repeat !important;
  background-position:right 16px center !important;
  background-size:18px !important;
}
body.single-product #pa_race-selection:hover{ border-color:var(--swimgp-red) !important; }
body.single-product #pa_race-selection:focus{ outline:none; border-color:var(--swimgp-red) !important; box-shadow:0 6px 16px rgba(237,28,36,.18); }
body.single-product #pa_race-selection option{ white-space:normal; font-weight:600; color:var(--swimgp-ink); background:#fff; }

/* Clear link centered */
body.single-product .variations tr:has(#pa_race-selection) .wd-reset-var{ text-align:center; }
body.single-product .variations tr:has(#pa_race-selection) .reset_variations{
  display:inline-block; margin:8px auto 0; font-size:12px; color:#999;
  text-transform:uppercase; letter-spacing:.05em;
}

/* ============================================================================
   PRICE — red pill with WHITE text. Force white on every inner span the
   theme colours (amount, bdi, currency symbol).
   ============================================================================ */
body.single-product .single_variation .woocommerce-variation-price{
  text-align:center !important;
  margin:14px 0 16px !important;
}
body.single-product .single_variation .woocommerce-variation-price .price{
  display:inline-block !important;
  padding:10px 24px !important;
  border-radius:999px !important;
  background:var(--swimgp-red) !important;
  font-weight:800 !important;
  font-size:20px !important;
  letter-spacing:.02em !important;
  box-shadow:0 6px 16px rgba(237,28,36,.25);
}
/* Force WHITE on the price and ALL its inner nodes (this is the key fix) */
body.single-product .single_variation .woocommerce-variation-price .price,
body.single-product .single_variation .woocommerce-variation-price .price *,
body.single-product .single_variation .woocommerce-variation-price .price .woocommerce-Price-amount,
body.single-product .single_variation .woocommerce-variation-price .price bdi,
body.single-product .single_variation .woocommerce-variation-price .price .woocommerce-Price-currencySymbol{
  color:#fff !important;
}
/* Sale (early-bird): old price struck, new price white */
body.single-product .single_variation .woocommerce-variation-price .price del,
body.single-product .single_variation .woocommerce-variation-price .price del *{
  color:rgba(255,255,255,.65) !important; font-weight:600 !important; font-size:14px !important;
}
body.single-product .single_variation .woocommerce-variation-price .price ins,
body.single-product .single_variation .woocommerce-variation-price .price ins *{
  background:transparent !important; color:#fff !important; text-decoration:none !important; font-weight:800 !important;
}

/* ---- Mobile ---- */
@media (max-width:560px){
  body.single-product .variations tr:has(#pa_race-selection) th.label label{ font-size:16px; }
  body.single-product #pa_race-selection{ font-size:12px !important; padding:11px 42px 11px 14px !important; }
  body.single-product .single_variation .woocommerce-variation-price .price{ font-size:17px !important; padding:9px 20px !important; }
}

/* ============================================================================
   v4.1 — Center the price pill horizontally.
   The pill sits inside the single_variation / add-to-cart wrapper which the
   theme left-aligns; force the whole variation block + its inner wrap to center.
   ============================================================================ */
body.single-product .woocommerce-variation.single_variation,
body.single-product .single_variation_wrap,
body.single-product .single_variation_wrap .woocommerce-variation-add-to-cart{
  text-align:center !important;
}
/* If the price block is a flex/left item, center it explicitly */
body.single-product .single_variation .woocommerce-variation-price{
  display:block !important;
  width:100% !important;
  text-align:center !important;
}
body.single-product .single_variation .woocommerce-variation-price .price{
  margin-left:auto !important;
  margin-right:auto !important;
}

/* ============================================================================
   v4.2 — Force LEFT alignment on all Acowebs participant fields & labels.
   Acowebs markup = .wcpa_wrap ...  (labels: .wcpa_field_label).
   This ONLY touches Acowebs fields; the race <select> (#pa_race-selection)
   and the variation price pill stay centered.
   ============================================================================ */
body.single-product .wcpa_wrap,
body.single-product .wcpa_wrap .wcpa_section,
body.single-product .wcpa_wrap .wcpa_section_body,
body.single-product .wcpa_wrap .wcpa_row,
body.single-product .wcpa_wrap .wcpa_field_wrap,
body.single-product .wcpa_wrap .wcpa_field_label,
body.single-product .wcpa_wrap label.wcpa_field_label,
body.single-product .wcpa_wrap .wcpa_field_wrap input,
body.single-product .wcpa_wrap .wcpa_field_wrap select,
body.single-product .wcpa_wrap .wcpa_field_wrap textarea{
  text-align:left !important;
}

/* Keep the two big SECTION HEADINGS as they are (ΣΤΟΙΧΕΙΑ ΣΥΜΜΕΤΕΧΟΝΤΑ / PARTICIPANT
   PERSONAL DATA) — if those are also Acowebs section titles and you want them
   centered, they use .wcpa_section_head; leave this block commented unless needed. */
/*
body.single-product .wcpa_wrap .wcpa_section_head{ text-align:center !important; }
*/

@media (min-width: 1025px) {
    .wd-reset-side-lg .wd-reset-var {
        width: 100%;
    }
}/* End custom CSS */