/* =========================================================
   IDEOGY — CONTACT
   Version: 1.1 / SINGLE FORM
   ---------------------------------------------------------
   - one clean contact form, no left information card
   - native Shoptet form preserved
   - custom "Téma" select is injected and copied into message
   - continuous white / soft-pink IDEOGY background
   ========================================================= */

:root{
  --ic11-pink:#FF66FF;
  --ic11-black:#09090A;
  --ic11-text:#171717;
  --ic11-muted:#6F7178;
  --ic11-line:#E4E5E9;
  --ic11-max:1380px;
  --ic11-gutter:clamp(22px,4.8vw,66px);
}

/* =========================================================
   0 / SHOPTET PAGE RESET — CONTACT ONLY
   ========================================================= */

body.ideogy-contact-v11-page,
body.ideogy-contact-v11-page .content-wrapper,
body.ideogy-contact-v11-page .content-wrapper-in,
body.ideogy-contact-v11-page #content-wrapper,
body.ideogy-contact-v11-page #content-wrapper > .container{
  background:#fff!important;
}

body.ideogy-contact-v11-page .content-wrapper,
body.ideogy-contact-v11-page .content-wrapper-in,
body.ideogy-contact-v11-page #content-wrapper,
body.ideogy-contact-v11-page #content-wrapper > .container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.ideogy-contact-v11-page .content-wrapper-in,
body.ideogy-contact-v11-page #content-wrapper .row,
body.ideogy-contact-v11-page .main-wrapper-in{
  display:block!important;
}

body.ideogy-contact-v11-page #content,
body.ideogy-contact-v11-page main.content,
body.ideogy-contact-v11-page .content{
  position:relative!important;
  isolation:isolate!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 100%!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(255,102,255,.19) 0%,rgba(255,102,255,.070) 13%,rgba(255,102,255,0) 31%),
    radial-gradient(circle at 3% 69%,rgba(255,102,255,.10) 0%,rgba(255,102,255,.038) 14%,rgba(255,102,255,0) 31%),
    radial-gradient(circle at 95% 94%,rgba(255,102,255,.12) 0%,rgba(255,102,255,.042) 14%,rgba(255,102,255,0) 30%),
    #fff!important;
}

body.ideogy-contact-v11-page .sidebar,
body.ideogy-contact-v11-page aside.sidebar,
body.ideogy-contact-v11-page .sidebar-left,
body.ideogy-contact-v11-page .sidebar-right,
body.ideogy-contact-v11-page .breadcrumbs,
body.ideogy-contact-v11-page .breadcrumb,
body.ideogy-contact-v11-page .navigation-breadcrumb,
body.ideogy-contact-v11-page .navigation-breadcrumbs,
body.ideogy-contact-v11-page .discussion,
body.ideogy-contact-v11-page .comments,
body.ideogy-contact-v11-page .comment-form,
body.ideogy-contact-v11-page .discussion-wrapper,
body.ideogy-contact-v11-page .discussion-form,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-hidden{
  display:none!important;
}

body.ideogy-contact-v11-page .newsletter,
body.ideogy-contact-v11-page .newsletter-wrapper,
body.ideogy-contact-v11-page .footer-newsletter,
body.ideogy-contact-v11-page .footer-newsletter-full-width,
body.ideogy-contact-v11-page .newsletter-full-width,
body.ideogy-contact-v11-page [class*="newsletter-wrapper"],
body.ideogy-contact-v11-page [class*="footer-newsletter"]{
  display:none!important;
}

/* =========================================================
   1 / SHELL
   ========================================================= */

body.ideogy-contact-v11-page .ideogy-contact-v11-shell{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:var(--ic11-max)!important;
  margin:0 auto!important;
  padding:
    clamp(54px,6vw,90px)
    var(--ic11-gutter)
    clamp(64px,7vw,102px)!important;
  box-sizing:border-box!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-kicker{
  margin:0 0 18px!important;
  color:#73757D!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.20em!important;
  text-transform:uppercase!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-kicker span{
  color:var(--ic11-pink)!important;
}

/* =========================================================
   2 / HERO
   ========================================================= */

body.ideogy-contact-v11-page .ideogy-contact-v11-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr)!important;
  gap:clamp(40px,7vw,110px)!important;
  align-items:center!important;
  margin-bottom:clamp(36px,4.8vw,64px)!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-hero h1{
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  padding:0!important;
  color:#080808!important;
  font-size:clamp(52px,5.25vw,84px)!important;
  font-weight:800!important;
  line-height:.98!important;
  letter-spacing:-.060em!important;
  text-transform:uppercase!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-hero h1 > span{
  display:block!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-dot{
  display:inline!important;
  color:var(--ic11-pink)!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-lead{
  max-width:720px!important;
  margin:25px 0 0!important;
  color:#65676E!important;
  font-size:clamp(16px,1.25vw,20px)!important;
  line-height:1.5!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-script{
  justify-self:center!important;
  margin:0!important;
  color:var(--ic11-pink)!important;
  font-family:"Brush Script MT","Segoe Script","Bradley Hand",cursive!important;
  font-size:clamp(52px,4.8vw,78px)!important;
  font-weight:400!important;
  line-height:.90!important;
  letter-spacing:-.025em!important;
  text-align:center!important;
  transform:rotate(-4deg)!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-script::after{
  content:""!important;
  display:block!important;
  width:54%!important;
  height:3px!important;
  margin:15px 0 0 auto!important;
  background:var(--ic11-pink)!important;
  transform:rotate(-7deg)!important;
}

/* =========================================================
   3 / CENTERED FORM CARD
   ========================================================= */

body.ideogy-contact-v11-page .ideogy-contact-v11-form-card{
  width:min(100%,820px)!important;
  margin:0 auto!important;
  padding:clamp(28px,3.8vw,46px)!important;
  box-sizing:border-box!important;
  border:1px solid var(--ic11-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.026)!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-native-form,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Normalize common Shoptet wrappers */
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .form-group,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .form-control-wrapper,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .input-wrapper,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .form-field{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .form-group{
  margin-bottom:22px!important;
}

/* Hide native page heading / intro if moved with form wrapper */
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form > h1,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form > h2,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form > h3{
  display:none!important;
}

/* Labels */
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form label,
body.ideogy-contact-v11-page .ideogy-contact-v11-topic label{
  display:block!important;
  margin:0 0 9px!important;
  color:#242426!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.35!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .required,
body.ideogy-contact-v11-page .ideogy-contact-v11-topic .required{
  color:var(--ic11-pink)!important;
}

/* Inputs */
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input[type="text"],
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input[type="email"],
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input[type="tel"],
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input:not([type]),
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form textarea,
body.ideogy-contact-v11-page .ideogy-contact-v11-topic select{
  width:100%!important;
  max-width:none!important;
  box-sizing:border-box!important;
  border:1px solid #D9DADE!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#222!important;
  font-size:14px!important;
  line-height:1.45!important;
  outline:none!important;
  box-shadow:none!important;
  transition:border-color .16s ease,box-shadow .16s ease!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input[type="text"],
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input[type="email"],
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input[type="tel"],
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input:not([type]),
body.ideogy-contact-v11-page .ideogy-contact-v11-topic select{
  min-height:54px!important;
  padding:0 15px!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-native-form textarea{
  min-height:190px!important;
  padding:15px!important;
  resize:vertical!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input:focus,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form textarea:focus,
body.ideogy-contact-v11-page .ideogy-contact-v11-topic select:focus{
  border-color:var(--ic11-pink)!important;
  box-shadow:0 0 0 3px rgba(255,102,255,.09)!important;
}

/* Custom topic */
body.ideogy-contact-v11-page .ideogy-contact-v11-topic{
  margin-bottom:22px!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-topic select{
  appearance:auto!important;
  cursor:pointer!important;
}

/* Consent */
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .consents,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .form-consent,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .consent,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form p{
  color:#85878E!important;
  font-size:11px!important;
  line-height:1.5!important;
}

body.ideogy-contact-v11-page .ideogy-contact-v11-native-form a{
  color:var(--ic11-pink)!important;
}

/* Submit button — full width like the visual */
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form button[type="submit"],
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form input[type="submit"],
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .btn.btn-primary,
body.ideogy-contact-v11-page .ideogy-contact-v11-native-form .btn-primary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:56px!important;
  margin-top:22px!important;
  padding:0 22px!important;
  border:0!important;
  border-radius:7px!important;
  background:#0B0B0C!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.06em!important;
  box-shadow:none!important;
  text-decoration:none!important;
}

/* =========================================================
   4 / BOTTOM WHITESPACE
   ========================================================= */

body.ideogy-contact-v11-page .ideogy-contact-v11-after{
  height:clamp(14px,2vw,28px)!important;
}

/* =========================================================
   5 / RESPONSIVE
   ========================================================= */

@media (max-width:760px){
  body.ideogy-contact-v11-page{
    --ic11-gutter:16px;
  }

  body.ideogy-contact-v11-page .ideogy-contact-v11-shell{
    padding-top:42px!important;
    padding-bottom:58px!important;
  }

  body.ideogy-contact-v11-page .ideogy-contact-v11-hero{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  body.ideogy-contact-v11-page .ideogy-contact-v11-hero h1{
    font-size:clamp(42px,11.8vw,60px)!important;
  }

  body.ideogy-contact-v11-page .ideogy-contact-v11-script{
    justify-self:start!important;
    text-align:left!important;
    font-size:clamp(44px,12vw,62px)!important;
  }

  body.ideogy-contact-v11-page .ideogy-contact-v11-form-card{
    padding:24px 18px!important;
    border-radius:11px!important;
  }
}
