/*
 Theme Name: Twenty Twenty-Five Child
 Theme URI: https://example.com/
 Description: Child theme pentru Twenty Twenty-Five
 Author: Alex
 Template: twentytwentyfive
 Version: 1.0
*/



.header-inclinat {
  position: relative;
  overflow: hidden;
}

.header-inclinat::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #FF6A00B5 0%, #FF6A00 100%);
  clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
  z-index: 0;
}

.header-inclinat .header-border {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

.header-inclinat > *:not(.header-border) {
  position: relative;
  z-index: 3;
}

/* Stilul de bază pentru toate textele */
.text-coming-soon-ourtraining {
  font-size: clamp(
    9px,
    calc(9px + (4 * (100vw - 265px) / 180)),
    13px
  ) !important;
}

/* 576px → 16px pentru ambele elemente */
@media (min-width: 576px) {
  #gspb_text-id-gsbp-aafbd52.text-coming-soon-ourtraining,
  #gspb_text-id-gsbp-8cbe6b4.text-coming-soon-ourtraining {
    font-size: 16px !important;
  }
}

/* 700px → 20px pentru ambele elemente */
@media (min-width: 700px) {
  #gspb_text-id-gsbp-aafbd52.text-coming-soon-ourtraining,
  #gspb_text-id-gsbp-8cbe6b4.text-coming-soon-ourtraining {
    font-size: 20px !important;
  }
}

.text-coming-soon-trainings {
  font-size: clamp(
    14px,
    calc(14px + (6 * (100vw - 768px) / 223)),
    20px
  ) !important;
}




.text-coming-soon-almi {
  font-size: clamp(
    12px,
    calc(12px + (6 * (100vw - 265px) / 235)),
    18px
  ) !important;
}

.text-black {
  color: #02033B !important;
  display: inline;
}

/* Sub 500px — păstrăm valorile tale clamp */
@media (max-width: 500px) {

  .text-coming-soon-getintouch {
    font-size: clamp(
      8px,
      calc(8px + (3 * (100vw - 265px) / 125)),
      11px
    ) !important;
  }

  .text-coming-soon-getintouchheading {
    font-size: clamp(
      9px,
      calc(9px + (3 * (100vw - 265px) / 125)),
      12px
    ) !important;
  }
}

/* Peste 500px — font-size fix */
@media (min-width: 501px) {

  .text-coming-soon-getintouch {
    font-size: 14px !important;
  }

  .text-coming-soon-getintouchheading {
    font-size: 20px !important;
  }
}


.no-underline {
  text-decoration: none !important;
}

.image-popup {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  cursor: zoom-out;
}

.image-popup img {
  max-width: 90%;
  max-height: 90%;
  border-radius: 8px;
}

.backgroundmare-coming-soon {
  background-image: url("https://oneclicktraining.co.uk/wp-content/uploads/2026/03/Background-RGB-Portrait-1-1-scaled.png");
  background-repeat: repeat-y;
  background-size: auto; /* cheia! */
  background-position: top center;
  padding: 0;
  border-radius: 0;
}

.backgrounddk-coming-soon {
  background-image: url("https://oneclicktraining.co.uk/wp-content/uploads/2026/03/dk-mare.jpeg");
  background-repeat: repeat;
  background-size: 100%; /* cheia! */
  background-position: top center;
  padding: 0;
  border-radius: 0;
}


/* Containere */
#gspb_image-id-gsbp-41a98c1,
#gspb_image-id-gsbp-c671e51,
#gspb_image-id-gsbp-ddbaf17 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}

/* Imagini */
#gspb_image-id-gsbp-41a98c1 img,
#gspb_image-id-gsbp-c671e51 img,
#gspb_image-id-gsbp-ddbaf17 img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 1.2s ease;
}

/* Zoom */
#gspb_image-id-gsbp-41a98c1:hover img,
#gspb_image-id-gsbp-c671e51:hover img,
#gspb_image-id-gsbp-ddbaf17:hover img {
    transform: scale(1.2);
}

.coming-soon-maxwidthphoto {
    max-width: 600px;
}

/* Până la 1850px → 40vw */
.coming-soon-maxwpadtext {
    padding-left: 38vw !important;
}

/* Peste 1850px → 750px */
@media (min-width: 1850px) {
    .coming-soon-maxwpadtext {
        padding-left: 750px !important;
    }
}

/* Sub 1500px → 12vw */
.coming-soon-maxtopmargin {
    margin-top: 12vw !important;
}

/* Peste 1500px → 184px */
@media (min-width: 1500px) {
    .coming-soon-maxtopmargin {
        margin-top: 160px !important;
    }
}


/* Sub 1200px → 27vw */
.coming-soon-maxmarginright {
    padding-right: 27vw !important;
}

/* Peste 1200px → 300px */
@media (min-width: 1200px) {
    .coming-soon-maxmarginright {
        padding-right: 300px !important;
    }
}


/* FORMULAR */
/* FORMULAR */
/* FORMULAR */
/* FORMULAR */

/* FORM CONTAINER */
.coming-soon-form {
    border-radius: 7px;
    background: #FF6A00;
    padding: 1vw;
    margin: 0 auto;
    color: #FFF;
    font-family: Compose, sans-serif;
}

/* TITLE */
.coming-soon-form-title {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    padding-top: 1vw;
    padding-bottom: 1vw;
    letter-spacing: -0.1vw;
}

/* COLUMNS WRAPPER */
.coming-soon-form-columns {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: nowrap; /* 2 coloane peste 700px */
}

/* EACH COLUMN */
.coming-soon-col {
    flex: 0 0 20vw;
    max-width: 20vw;
    padding-left: 15px;
    padding-right: 15px;
}

/* LABELS */
.coming-soon-col label {
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-top: 10px;
}

/* INPUTS + PHONE WRAPPER (same height) */
.coming-soon-col input,
.phone-wrapper {
    display: flex;
    width: 20vw;
    height: 26px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 5px;
    align-items: center;
    gap: 1vw;
    border-radius: 7px;
    border: 0.1vw solid #EEF4FF;
    background: #F6F9FF;
    font-size: 14px;
    outline: none !important;
    box-shadow: none !important;
}
/* TEXTAREA – înaltă, aliniată cu Phone */
.coming-soon-col textarea {
    display: block;
    width: 20vw;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 7px;
    border: 0.1vw solid #EEF4FF;
    background: #F6F9FF;
    font-size: 14px;
    outline: none !important;
    box-shadow: none !important;
    height: 120px;      /* ajustează la nevoie */
    resize: none;
}



/* REMOVE FOCUS OUTLINE */
.coming-soon-col input:focus,
.coming-soon-col textarea:focus,
.phone-wrapper select:focus,
.phone-wrapper input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #EEF4FF !important;
}

/* PHONE FIELD FIX — same width as other fields */
.phone-wrapper {
    display: flex;
    width: 20vw; /* aceeași lățime ca input-urile */
    height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 7px;
    border: 0.1vw solid #EEF4FF;
    background: #F6F9FF;
    overflow: hidden; /* elimină marginile interne */
}

/* Prefix dropdown */
.phone-wrapper select {
    flex: 0 0 2vw; /* lățime fixă pentru prefix */
    height: 100%;
    border: none;
    background: transparent;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
    outline: none !important;
}

/* Phone number input */
.phone-wrapper input {
    flex: 1; /* ocupă TOT spațiul rămas */
    height: 100%;
    border: none;
    background: transparent;
    padding-left: 1vw;
    font-size: 14px;
    outline: none !important;
}


/* TEXTAREA HEIGHT */
.coming-soon-col {
    display: flex;
    flex-direction: column;
}

.coming-soon-col textarea {
    flex-grow: 1;
    height: auto !important;
}



/* BUTTON */
.coming-soon-btn {
    display: flex;
    width: 16vw;
    height: 40px;
    margin-top: 1vw;
    margin-left: 35px;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background: #02033B;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border: none;
}

/* SUCCESS MESSAGE */
.coming-soon-success {
    color: #fff;
    padding: 1vw;
    border-radius: 7px;
    margin-bottom: 1vw;
    text-align: center;
    font-size: 20px;
}

/* ----------------------------- */
/* RESPONSIVE BELOW 900px        */
/* ----------------------------- */
@media (max-width: 900px) {

    .coming-soon-form {
        max-width: 90vw;
        padding: 5vw;
    }

    .coming-soon-form-title {
        font-size: 20px;
    }

    .coming-soon-form-columns {
        flex-wrap: wrap; /* coloanele se suprapun */
    }

    .coming-soon-col {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .coming-soon-col input,
    .coming-soon-col textarea,
    .phone-wrapper {
        width: 100%;
        height: 45px;
        font-size: 16px;
    }

    .coming-soon-col textarea {
        height: 30vw;
    }

    .phone-wrapper select {
        font-size: 16px;
    }

    .coming-soon-btn {
        width: 40vw;
        height: 45px;
        font-size: 16px;
        margin-left: 20px;
    }
}

.coming-soon-form br {
    display: none !important;
}

/* Forțăm coloana din dreapta să fie pe coloană */
.coming-soon-form-columns .coming-soon-col:last-child {
    display: flex;
    flex-direction: column;
}

/* TEXTAREA – să fie înaltă cât blocul din stânga */
.coming-soon-form-columns .coming-soon-col:last-child textarea {
    display: block;
    width: 20vw !important;
    height: 115px !important;  /* ajustează până se aliniază cu Phone */
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 7px;
    border: 0.1vw solid #EEF4FF;
    background: #F6F9FF;
    font-size: 14px;
    outline: none !important;
    box-shadow: none !important;
    resize: none;
}
@media (max-width: 900px) {
    .coming-soon-form-columns .coming-soon-col:last-child textarea {
        height: 30vw !important;
        width: 100% !important;
    }
}

.coming-soon-chenarformular {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
}



/* FORMULAR */
/* FORMULAR */
/* FORMULAR */
.hero-image {
    width: 100%;
    aspect-ratio: 200 / 71; /* păstrează proporția exactă */
    background-image: url('https://oneclicktraining.co.uk/wp-content/uploads/2026/new-cover.png');
    background-size: contain; /* important: NU face zoom */
    background-position: center top;
    background-repeat: no-repeat;
}