.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.post-navigation,
.thegem-post-navigation {
  display: none !important;
}

/* باکس اصلی لاگین - بنفش تیره نئونی با گوشه‌های گرد */
.booknetic_login.booknetic_login {
    background: linear-gradient(145deg, #150029, #4a0080) !important;
    border-radius: 32px !important;
    box-shadow: 0 0 50px rgba(155, 0, 255, 0.6), 0 0 0 1px rgba(186, 85, 255, 0.35) !important;
    padding: 40px 34px !important;
    overflow: hidden !important;
}

/* عنوان "Sign In" */
.booknetic_login .booknetic_header {
    color: #ffffff !important;
    font-weight: 700 !important;
    text-shadow: 0 0 14px rgba(186, 85, 255, 0.7) !important;
}

/* لیبل فیلدها (Username, Password) */
.booknetic_login .booknetic_form_element label {
    color: #d9b8ff !important;
    font-weight: 500 !important;
}

/* فیلدهای ورودی */
.booknetic_login .booknetic_form_element input,
.booknetic_login .bkntc-password-input input {
    background-color: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(186, 85, 255, 0.5) !important;
    color: #ffffff !important;
    border-radius: 14px !important;
}
.booknetic_login .booknetic_form_element input::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
}
.booknetic_login .booknetic_form_element input:focus,
.booknetic_login .bkntc-password-input input:focus {
    border-color: #ff5ef1 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(255, 94, 241, 0.25) !important;
}

/* آیکون چشم داخل فیلد پسورد */
.booknetic_login .bkntc-eye-icon svg path {
    fill: #d9b8ff !important;
}

/* دکمه SIGN IN - گرادیانت نئونی درخشان */
.booknetic_login_btn.booknetic_btn_primary {
    background: linear-gradient(135deg, #9b00ff, #ff2ee6) !important;
    border: none !important;
    color: #ffffff !important;
    border-radius: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 0 28px rgba(255, 46, 230, 0.6) !important;
    transition: all 0.25s ease !important;
}
.booknetic_login_btn.booknetic_btn_primary:hover {
    background: linear-gradient(135deg, #b100ff, #ff5ef1) !important;
    box-shadow: 0 0 40px rgba(255, 94, 241, 0.8) !important;
    transform: translateY(-1px) !important;
}

/* لینک Forgot password */
.booknetic_login .booknetic_forgot_password,
.booknetic_login .booknetic_forgot_password span {
    color: #ff9ef5 !important;
}

/* فوتر (Don't have an account? / Sign up) */
.booknetic_login .booknetic_footer span {
    color: #d9b8ff !important;
}
.booknetic_login .booknetic_footer a {
    color: #ff9ef5 !important;
    font-weight: 600 !important;
}
.booknetic_login .booknetic_footer a:hover {
    color: #ffffff !important;
}

/* Pretty Woman Academy — Contact Form styling
   Paste into: Appearance -> Customize -> Additional CSS
   REPLACE whatever PWA-related CSS is already there from earlier attempts — this is the full, corrected version.
   Targets the classes CF7 itself generates (via the class: tag-option), never a custom wrapper div/span,
   because this site's CF7 install strips those on save. */

.wpcf7-form p {
  margin: 0 0 20px;
  color: #F7F1E4;
  font-family: 'Poppins', Arial, sans-serif;
  font-size: 15px;
}
.wpcf7-form strong {
  font-weight: 600;
}

/* Text / email / tel / select fields */
.wpcf7-form .pwa-cf-input,
.wpcf7-form .pwa-cf-select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background-color: rgba(255,255,255,0.06);
  border: 1px solid rgba(212,175,55,0.4);
  border-radius: 8px;
  padding: 14px 16px;
  font-size: 15px;
  color: #F7F1E4;
  font-family: 'Poppins', Arial, sans-serif;
}
.wpcf7-form .pwa-cf-input::placeholder {
  color: rgba(247,241,228,0.55);
}
.wpcf7-form .pwa-cf-input:focus,
.wpcf7-form .pwa-cf-select:focus {
  outline: none;
  border-color: #D4AF37;
  background-color: rgba(255,255,255,0.1);
}

/* Select now matches the other fields (dark translucent box, cream text).
   appearance:none stops the OS/browser overriding these with native colours. */
.wpcf7-form select.pwa-cf-select {
  color: #F7F1E4 !important;
  background-color: rgba(255,255,255,0.06) !important;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23D4AF37'><path d='M5.5 7.5l4.5 5 4.5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
  padding-right: 40px;
}
/* The open dropdown list itself is rendered by the OS/browser, not by our CSS —
   most browsers ignore custom styling here, so this is a best-effort fallback. */
.wpcf7-form select.pwa-cf-select option {
  color: #2D113A;
  background-color: #ffffff;
}

/* Radio group: Preferred way to contact you — same box style as the text fields */
.wpcf7-form .pwa-cf-radio {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: rgba(255,255,255,0.06);
  border: 1px solid rgba(212,175,55,0.4);
  border-radius: 8px;
  padding: 12px 16px;
}
.wpcf7-form .pwa-cf-radio .wpcf7-list-item {
  display: inline-flex;
  align-items: center;
  margin: 4px 22px 4px 0;
}
.wpcf7-form .pwa-cf-radio label {
  display: flex;
  align-items: center;
  color: #F7F1E4;
  cursor: pointer;
}
.wpcf7-form .pwa-cf-radio input[type="radio"] {
  margin-right: 8px;
  width: 16px;
  height: 16px;
  accent-color: #D4AF37 !important;
}

/* Consent checkbox
   NOTE: CF7 puts the class: tag-option (pwa-cf-consent) directly onto the <input>
   itself for an [acceptance] field — not onto a wrapping <span> like it does for
   [select]/[radio]. So .elementor-kit-6s written as ".pwa-cf-consent label" or
   ".pwa-cf-consent .wpcf7-list-item" never match (those are ANCESTORS of the input,
   not descendants) — confirmed live against the actual rendered DOM. Fixed below by
   targeting the input directly, and using CF7's own stable wrapper classes
   (.wpcf7-acceptance / .wpcf7-list-item) for the row layout instead. */
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7-form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: rgba(247,241,228,0.85);
  font-size: 14px;
  line-height: 1.6;
  cursor: pointer;
}
.wpcf7-form input.pwa-cf-consent[type="checkbox"] {
  margin-top: 3px;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  accent-color: #D4AF37 !important;
  border: 1.5px solid rgba(212,175,55,0.6) !important;
  outline: none !important;
  box-shadow: none !important;
}
.wpcf7-form input.pwa-cf-consent[type="checkbox"]:focus,
.wpcf7-form input.pwa-cf-consent[type="checkbox"]:focus-visible {
  outline: 2px solid #D4AF37 !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

/* Submit button — !important added because something on this site (a theme default
   or an older cached rule) was overriding this with a bright cyan/blue button instead
   of the brand gold. This forces the gold gradient to win regardless. */
.wpcf7-form input.pwa-cf-submit[type="submit"],
.wpcf7-form .pwa-cf-submit {
  background: linear-gradient(135deg, #F0D99A, #D4AF37) !important;
  color: #241030 !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 16px 42px !important;
  font-size: 17px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
  line-height: 1.3 !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  box-shadow: 0 10px 26px rgba(212,175,55,0.35) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}
.wpcf7-form input.pwa-cf-submit[type="submit"]:hover,
.wpcf7-form .pwa-cf-submit:hover {
  background: linear-gradient(135deg, #F7E4B0, #E8C860) !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(212,175,55,0.5) !important;
}

/* Validation / sent messages */
.wpcf7-not-valid-tip {
  color: #ff9b9b;
  font-size: 13px;
  margin-top: 4px;
}
.wpcf7-response-output {
  border-radius: 8px;
  color: #F7F1E4;
  margin-top: 18px;
}


/* Booknetic mobile title fix — replace the previous word-break block with this */

@media only screen and (max-width: 1000px) {
  .booknetic_service_card_header,
  .booknetic_service_extra_card_header {
    flex-wrap: wrap !important;
  }
  .booknetic_service_card_price,
  .booknetic_service_extra_card_price {
    order: 10 !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: none !important;
    justify-content: flex-start !important;
    padding: 4px 10px 0 10px !important;
    margin-top: 2px !important;
  }
  .booknetic_service_card_title,
  .booknetic_service_extra_card_title {
    flex: 1 1 auto !important;
    width: auto !important;
  }
  .booknetic_service_card_title > span:first-child,
  .booknetic_service_extra_card_title > span:first-child,
  .booknetic_card_title,
  .booknetic_service_title_span {
    letter-spacing: 0.2px !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
  }
}


/* Fix: slideInLeft / slideInRight animations missing on Blogs & Success Stories pages */
 
@keyframes slideInLeft {
  from { transform: translate3d(-100%, 0, 0); visibility: visible; }
  to { transform: translate3d(0, 0, 0); }
}
.slideInLeft { animation-name: slideInLeft; }
 
@keyframes slideInRight {
  from { transform: translate3d(100%, 0, 0); visibility: visible; }
  to { transform: translate3d(0, 0, 0); }
}
.slideInRight { animation-name: slideInRight; }/* End custom CSS */