/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

:root {
  --border-radius-wrytix: 5px;
  --background-color-wrytix: #f4f7ff;
  --global-color: #3e55ce;
  --global-color-second: #93a2f4;

  /* Brand palette */
  --brand-primary: #046BD2;
  --brand-primary-strong: #0058BB;
  --brand-navy: #1E293B;
  --brand-gradient-start: #046BD2;
  --brand-gradient-end: #6067CB;
  --brand-accent-purple: #8563c0;
  --brand-accent-yellow: #f9f871;
  --brand-accent-coral: #ff6d89;
  --brand-accent-sky: #6ba2ff;
  --brand-deep: #002e88;

  --gradient-primary: linear-gradient(135deg, var(--brand-gradient-start), var(--brand-gradient-end));
  --primary-soft-bg: #046BD212;
  --primary-soft-border: #046BD233;
  --primary-ghost: #046BD20f;
  --secondary-soft-bg: #8563c010;
  --secondary-soft-border: #8563c026;
  --coral-soft-bg: rgba(255, 109, 137, 0.14);
  --yellow-soft-bg: rgba(249, 248, 113, 0.7);

  --color: var(--brand-navy);
  --font-color: var(--brand-navy);

  --background: rgba(255, 255, 255, 0.37);
  --background-grey: #e9e9e9;

  --border: 1px solid rgb(181 181 181 / 30%);
  --border-radius: 5px;

  --primaryColor: var(--brand-primary);
  --primaryColor-hover: var(--brand-primary-strong);

  --bg-primaryColor: var(--primary-soft-bg);
  --border-primaryColor: var(--primary-soft-border);

  --bg-secondaryColor: var(--secondary-soft-bg);
  --border-secondaryColor: var(--secondary-soft-border);

  --bg-shade-200: #f2eedf;
  --bg-shade-outline: #e0ddcf;

  --gap: 2rem;

  --universal-transition: all 0.4s ease-in-out;

  --box-shadow: 0 6px 20px rgba(4, 107, 210, 0.04),
    0 2px 10px rgba(30, 41, 59, 0.04);
  --box-shadow-hover: 0 12px 30px rgba(4, 107, 210, 0.13),
    0 6px 16px rgba(30, 41, 59, 0.08);

  --select-bg: #fff;
  --select-fg: var(--font-color, #1E293B);
  --select-bd: var(--border, 1px solid rgba(181, 181, 181, .30));
  --select-radius: var(--border-radius, 10px);


  --sb-left: clamp(210px, 15vw, 260px);
  --sb-right: clamp(210px, 15vw, 260px);

  --ast-global-color-0: var(--brand-primary);
  --ast-global-color-1: var(--brand-primary-strong);
  --ast-global-color-2: var(--brand-navy);
  --ast-global-color-3: #233353;
  --ast-global-color-7: #d1d5db;

}




a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: 0 !important;
  outline-color: transparent !important;
  outline-width: 0 !important;
  outline-style: none !important;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
}

.typewriter-container {
  position: relative;
  display: flex;
  justify-content: center;
}

/* Headline base styles */
.typewriter {
  font-size: 1.8rem;
  /*color: #fff;*/
  font-weight: bold;
  margin: 0;
  letter-spacing: 0.01em;
  line-height: 1.18;
  position: relative;
  display: inline-block;
}

/* The animated part (the span) */
.typewriter span {
  color: var(--ast-global-color-0);
  text-transform: uppercase;
  /*padding-left: 12px;*/
  border-right: 5px solid var(--ast-global-color-0);
  white-space: nowrap;
  overflow: hidden;
  animation: cursor-blink 0.9s steps(1) infinite;
}

/* Cursor blinking keyframes */
@keyframes cursor-blink {
  0% {
    border-color: var(--ast-global-color-0);
  }
  60% {
    border-color: var(--ast-global-color-0);
  }
  100% {
    border-color: transparent;
  }
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .typewriter {
    font-size: 1.5rem;
  }
  .container {
    padding: 28px 10px;
  }
}
@media (max-width: 480px) {
  .typewriter {
    font-size: 1rem;
  }
  .container {
    padding: 16px 4px;
  }
}

/* AI Writer Mini Form – Adapted for Elementor block */
.aiw-custom-form {
  background: var(--background-color-wrytix);
  border-radius: var(--border-radius-wrytix);
  box-shadow: 0 2px 24px 0 rgba(77, 107, 254, 0.11),
    0 1.5px 8px 0 rgba(0, 0, 0, 0.05);
  padding: 32px 34px 28px 34px;
  width: 100%;
  max-width: 980px;
  margin: 40px auto;
  font-family: inherit;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

/* Main Textarea */
.aiw-main-text {
  width: 100%;
  min-height: 158px;
  font-size: 1.15em;
  border-radius: var(--border-radius-wrytix);
  border: 1.5px solid #e6e7ee;
  background: #fff;
  color: #23253a;
  padding: 20px 16px;
  margin-bottom: 10px;
  font-family: inherit;
  font-weight: 500;
  resize: vertical;
  box-shadow: 0 1px 6px 0 rgba(77, 107, 254, 0.03);
  transition: border 0.17s;
}
.aiw-main-text:focus {
  border-color: var(--global-color);
  outline: none;
}

/* Horizontal row: selects + button */
.aiw-form-row {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 24px;
  margin-bottom: 5px;
}

/* Left side: group for selects */
.aiw-select-group {
  display: flex;
  flex-direction: row;
  gap: 18px;
  flex: 2 1 320px;
}

/* Col for each select */
.aiw-form-col {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 130px;
  flex: 1 1 0;
  max-width: 200px;
}
.aiw-form-col label {
  font-size: 0.7em;
  font-weight: 700;
  color: var(--global-color);
  letter-spacing: 0.01em;
  margin-bottom: 2px;
  margin-left: 7px;
  text-transform: uppercase;
}

/* Selects */
.aiw-select {
  padding: 5px 16px;
  border-radius: var(--border-radius-wrytix);
  border: 1px solid #e6e7ee;
  background: #fff;
  color: #23253a;
  font-size: 1em;
  font-family: inherit;
  font-weight: 500;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 8L10 12L14 8' stroke='%233E55CE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 1em center;
  transition: border 0.16s;
  cursor: pointer;
}
.aiw-select:focus {
  border-color: var(--global-color);
  outline: none;
  /*border-radius: 10px 10px 0 0;*/
}
.aiw-select * {
  cursor: pointer;
}

/* Button */
.aiw-btn {
  /*flex: 1 0 150px;*/
  max-width: 190px;
  background: var(--global-color);
  color: #fff;
  border: none;
  border-radius: var(--border-radius-wrytix);
  padding: 14px 0;
  font-size: 1.11em;
  font-weight: 700;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 3px 16px 0 rgba(62, 85, 206, 0.12);
  letter-spacing: 0.01em;
  transition: background 0.18s, color 0.15s;
  margin-left: auto;
}
.aiw-btn:hover,
.aiw-btn:focus {
  background: var(--global-color-second);
  color: #233;
}

/*@media (max-width: 700px) {*/
/*    .aiw-custom-form { max-width: 99vw; padding: 12px 2vw; }*/
/*    .aiw-form-row { flex-direction: column; gap: 14px; align-items: stretch; }*/
/*    .aiw-select-group { flex-direction: column; gap: 12px; }*/
/*    .aiw-btn { width: 100%; margin-left: 0; margin-top: 4px;}*/
/*}*/

@media (min-width: 992px) {
  .site-header .header-inner {
    max-width: 1100px;
  }
}

@media (max-width: 700px) {
  .aiw-custom-form {
    gap: 10px;
    padding: 15px;
  }
  .aiw-btn {
    width: 100%;
    max-width: 100%;
    min-width: unset;
    height: 50px;
    font-size: 1.04em;
    margin-top: 10px;
    margin-left: 0;
    border-radius: var(--border-radius);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .aiw-form-row {
    flex-direction: column;
    gap: 16px;
    align-items: stretch;
  }
  .aiw-select-group {
    flex: 2 1 0;
  }
}

.site-navigation-dropdown ul.menu li.current-menu-item a {
  background: #0086e3;
}

.global-button-primary,
.global-button-secondary,
.site-navigation #menu-item-1274,
.site-navigation #menu-item-1411,
.site-navigation #menu-item-1422,
.site-navigation #menu-item-1410 {
  background-color: var(--ast-global-color-0);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.25px;
  color: white;
  border-radius: 4px;
  padding: 6px 0 5px 0;
  margin-left: 20px;
  transition: all 0.3s;
  border: 1px solid var(--ast-global-color-0);
}

.site-navigation #menu-item-1411,
.site-navigation #menu-item-1422,
.global-button-secondary {
  background-color: white;
  border: 1px solid var(--ast-global-color-0);
  color: var(--ast-global-color-0);
}

.global-button-primary:hover,
.global-button-primary:focus,
.site-navigation #menu-item-1274:hover,
.site-navigation #menu-item-1274:focus,
.site-navigation #menu-item-1410:hover,
.site-navigation #menu-item-1410:focus {
  background-color: var(--ast-global-color-1);
}

.site-navigation #menu-item-1422:hover,
.site-navigation #menu-item-1422:focus,
.site-navigation #menu-item-1411:hover,
.site-navigation #menu-item-1411:focus,
.global-button-secondary:hover,
.global-button-secondary:focus {
  background-color: var(--ast-global-color-1);
  color: white !important;
}

a.ais-btn,
.site-navigation #menu-item-1422:hover a,
.site-navigation #menu-item-1422:focus a,
.site-navigation #menu-item-1411:hover a,
.site-navigation #menu-item-1411:focus a,
.global-button-secondary:hover a,
.global-button-secondary:focus a {
  color: white !important;
}

.global-button-secondary a,
.global-button-primary a,
.site-navigation #menu-item-1274 a,
.site-navigation #menu-item-1410 a {
  color: white;
  background-color: transparent;
}

/* --- Fix your anchor color override (secondary became white). --- */
/* Keep primary text white */
.global-button-primary > .wp-block-button__link {
  color: #fff;
}
/* Make secondary text brand-colored */
.global-button-secondary > .wp-block-button__link {
  color: var(--ast-global-color-0);
}

/* --- 1) Arrow utility (right side) --- */
/* Add this class to the .wp-block-button wrapper */
.global-button--arrow-right > .wp-block-button__link {
  /* ensure proper inline layout */
  display: inline-flex;
  align-items: center;
}
.global-button--arrow-right > .wp-block-button__link::after {
  /* Unicode right arrow */
  content: "\2192";
  font-weight: 700;
  margin-left: 0.6em;
  line-height: 1;
  transition: transform 0.2s ease;
}
.global-button--arrow-right > .wp-block-button__link:hover::after,
.global-button--arrow-right > .wp-block-button__link:focus::after {
  transform: translateX(4px);
}

/* Optional: if you really need a LEFT arrow on the left side */
.global-button--arrow-left > .wp-block-button__link {
  display: inline-flex;
  align-items: center;
}
.global-button--arrow-left > .wp-block-button__link::before {
  content: "\2190";
  font-weight: 700;
  margin-right: 0.6em;
  line-height: 1;
  transition: transform 0.2s ease;
}
.global-button--arrow-left > .wp-block-button__link:hover::before,
.global-button--arrow-left > .wp-block-button__link:focus::before {
  transform: translateX(-4px);
}

/* --- 2) Google "G" icon on the right --- */
/* Add this class to the .wp-block-button wrapper with your secondary button */
.global-button--google-right > .wp-block-button__link {
  display: inline-flex; /* keep text + icon on one line */
  align-items: center;
}
.global-button--google-right > .wp-block-button__link::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px; /* matches your screenshot scale */
  margin-left: 0.6em;
  line-height: 1;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  /* Inline SVG (data URI). Colors preserved (# encoded as %23). */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z' fill='%234285F4'/%3E%3Cpath d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z' fill='%2334A853'/%3E%3Cpath d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z' fill='%23FBBC05'/%3E%3Cpath d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z' fill='%23EA4335'/%3E%3C/svg%3E");
}

/* Optional: subtle hover lift for secondary to mimic the soft glow look */
.global-button-secondary {
  box-shadow: 0 8px 20px rgba(62, 87, 218, 0.18);
}
.global-button-secondary:hover,
.global-button-secondary:focus {
  box-shadow: 0 10px 24px rgba(0, 13, 119, 0.25);
}

body .site-main.aiwriter-main-free#primary {
  max-width: 1200px;
  margin: 50px auto;
}
.aiwriter-main-free .ai-rewriter-wrap {
  margin: 30px 0 50px;
}

/* @media (min-width: 1180px) and (max-width: 1880px) {
  .ast-primary-header-bar > .ast-container {
    max-width: 1250px;

    flex: 0 1 auto;
    width: clamp(
      720px,
      calc(100vw - (var(--sb-left) + var(--sb-right) + 70px)),
      1160px
    );
    margin-left: auto;
    margin-right: auto;
  }
} */

.type-post .wp-block-uagb-image__figure img,
.post-thumb-img-content.post-thumb img {
  border-radius: var(--border-radius);
}

.post .wp-block-uagb-container .uagb-container-inner-blocks-wrap,
.site .site-content #primary .ast-article-single {
  max-width: 1240px !important;
  margin: auto;
}

.site-title {
  display: none;
}

.ast-logo-title-inline .ast-site-identity {
  padding: 0;
}
/* Compact header on non-home pages. */
body:not(.home):not(.front-page) .ast-primary-header-bar {
  padding-top: 2px;
  padding-bottom: 6px;
}

body:not(.home):not(.front-page) header .custom-logo-link img {
  max-width: 120px;
}

@media (min-width: 921px) {
  body:not(.home):not(.front-page) #ast-desktop-header .main-header-menu .menu-link,
  body:not(.home):not(.front-page) #ast-desktop-header .main-header-menu > a {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 580px) {
  blockquote {
    max-width: 80vw !important;
    margin-left: 0;
  }
  .post .wp-block-uagb-container .uagb-container-inner-blocks-wrap,
  .site .site-content #primary .ast-article-single {
    max-width: 90vw !important;
  }
  .post .wp-block-uagb-container .uagb-container-inner-blocks-wrap {
    padding-right: 0px;
  }
}

/* ===== One-off scrollbox for UAG Container ===== */
/* Outer frame (has your ID) */
#ai-scrollbox {
  /* Tunables */
  --sb-h: clamp(260px, 50vh, 560px);
  --sb-fade: 14px;
  /*   --sb-bg: var(--ast-global-color-5); */
  --sb-fg: var(--ast-global-color-2);
  --sb-border: var(--ast-global-color-7);
  /*   --sb-thumb: var(--ast-global-color-1);
    --sb-thumb-hover: var(--ast-global-color-0); */
  --sb-track: var(--ast-global-color-5);

  position: relative;
  border: 1px solid var(--sb-border);
  border-radius: var(--border-radius);
  background: var(--sb-bg);
  color: var(--sb-fg);
}

/* The actual scroller is the inner UAG wrap (direct child) */
#ai-scrollbox > .uagb-container-inner-blocks-wrap {
  justify-content: flex-start;

  max-height: var(--sb-h);
  overflow: auto;
  padding: calc(16px + var(--sb-fade)) 18px; /* reserve space for fades */
  scrollbar-gutter: stable both-edges;
  overscroll-behavior: contain;
  touch-action: pan-y;
  outline: none;
  overflow-wrap: anywhere;

  /* Scrollbars */
  scrollbar-width: thin;
  scrollbar-color: var(--sb-thumb) var(--sb-track);
}
#ai-scrollbox > .uagb-container-inner-blocks-wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
#ai-scrollbox > .uagb-container-inner-blocks-wrap::-webkit-scrollbar-track {
  background: var(--sb-track);
  border-radius: 999px;
}
#ai-scrollbox > .uagb-container-inner-blocks-wrap::-webkit-scrollbar-thumb {
  background: var(--sb-thumb);
  border-radius: 999px;
  border: 2px solid var(--sb-track);
}
#ai-scrollbox
  > .uagb-container-inner-blocks-wrap::-webkit-scrollbar-thumb:hover {
  background: var(--sb-thumb-hover);
}

/* Tidy inner spacing */
#ai-scrollbox p {
  margin: 0 0 0.8em;
}
#ai-scrollbox h2,
#ai-scrollbox h3 {
  margin: 0.8em 0 0.4em;
}
#ai-scrollbox > .uagb-container-inner-blocks-wrap > :first-child {
  margin-top: 0;
}
#ai-scrollbox > .uagb-container-inner-blocks-wrap > :last-child {
  margin-bottom: 0;
}

/* Visual fades live on the OUTER box; they don't clip content */
#ai-scrollbox::before,
#ai-scrollbox::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: var(--sb-fade);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.2s ease;
  /* match background */
  background: linear-gradient(to bottom, var(--sb-bg), transparent);
}
#ai-scrollbox::before {
  top: 0;
}
#ai-scrollbox::after {
  bottom: 0;
  background: linear-gradient(to top, var(--sb-bg), transparent);
}
#ai-scrollbox.has-top::before {
  opacity: 1;
}
#ai-scrollbox.has-bottom::after {
  opacity: 1;
}

/*.ai-rewriter-wrap .air-button {*/
/*    background: var(--ast-global-color-0) ;*/
/*    border: 1px solid var(--ast-global-color-0);*/
/*}*/
/*.ai-rewriter-wrap .air-button:hover {*/
/*    background: var(--ast-global-color-1) ;*/
/*    border: 1px solid var(--ast-global-color-1) ;*/
/*}*/

/* Base blob — pure CSS, no SVG */
/* All comments in English */
.blob-css {
  max-width: 300px;
  --size: 320px;
  --blob: var(--ast-global-color-0) !important; /* main fill */
  --glow: rgba(124, 0, 254, 0.45);
  --shadow: rgba(0, 0, 0, 0.24);

  width: var(--size);
  aspect-ratio: 1/1;
  background: var(--blob);
  position: relative;
  filter: drop-shadow(0 18px 18px var(--shadow));
  overflow: visible;
  transition: transform 0.3s ease;
}

/* Outer glow (blurred pseudo-element behind the blob) */
.blob-css::before {
  content: "";
  position: absolute;
  inset: -12%;
  border-radius: inherit;
  background: var(--glow);
  filter: blur(28px);
  z-index: -1;
  opacity: 0.85;
}

/* Inner depth (fake inner shadows + soft highlights) */
.blob-css::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset -14px 16px 30px rgba(0, 0, 0, 0.18),
    inset 12px -14px 24px rgba(255, 255, 255, 0.08);
  background: radial-gradient(
      120% 80% at 22% 18%,
      rgba(255, 255, 255, 0.16),
      transparent 40%
    ),
    radial-gradient(95% 70% at 80% 82%, rgba(0, 0, 0, 0.1), transparent 55%);
  pointer-events: none;
}

/* Optional hover micro-lift */
.blob-css:hover {
  transform: translateY(-2px);
}

/* Three ready-made shapes (tweak radii for new looks) */
.shape-1 {
  /* tall jelly */
  border-radius: 44% 56% 58% 42% / 53% 46% 54% 47%;
  transform: rotate(-6deg);
}
.shape-2 {
  /* roundy pebble */
  border-radius: 60% 40% 55% 45% / 42% 58% 43% 57%;
  transform: rotate(8deg);
}
.shape-3 {
  /* wide pillow */
  border-radius: 35% 65% 40% 60% / 55% 35% 65% 45%;
  transform: rotate(-12deg);
}

/* Optional breathing animation — remove if not needed */
@keyframes breathe {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.04);
  }
}

/* * { outline:1px solid rgba(255,0,0,.15); }   */

.nextend_social-box .wrytix-wfp-form,
.nextend_social-box .nsl-container-block {
  text-align: center !important;
}

.nsl-button-google[data-skin="light"],
.nextend_social-box div.nsl-container .nsl-button-google[data-skin="light"] {
  color: var(--ast-global-color-0) !important;
  box-shadow: inset 0 0 0 1px var(--ast-global-color-0)!important;
  border-radius: var(--border-radius);
  padding: 5px;
}

.nextend_social-box .nsl-container-buttons {
}

.ai-rewriter-wrap .air-preset-btn,
.ai-rewriter-wrap .air-presets .aiwriter-button,
.ai-rewriter-wrap .air-presets .air-button {
  width: auto;
  min-height: 28px;
  padding: 4px 10px 6px 10px;
  font-size: 12px;
  line-height: 1.2;
  border-radius: var(--border-radius);
  background: rgba(59, 130, 246, 0.08);
  border: 1px solid rgba(59, 130, 246, 0.35);
  color: var(--air-accent);
  box-shadow: none;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s, color 0.15s,
    transform 0.06s;
}

.site-navigation #menu-item-1410{
  padding: 0;
}

.site-navigation #menu-item-1410 .wrytix-wfp-btn {
   padding: 5px;
  background-color: transparent;
 }
.site-navigation #menu-item-1410 .wrytix-wfp-btn:hover {
  background-color: transparent;

 }



/* === Wrytix Support Contact Form (one-column, light) === */
/* Scope only this CF7 Gutenberg block */


/* Main CF7 wrapper as a card */
.wp-block-contact-form-7-contact-form-selector .wpcf7 {
  background: #fff;
  border-radius: var(--border-radius);
  border: var(--border);
  box-shadow: var(--box-shadow);
  padding: 22px 20px 26px;
}

/* Remove ugly extra spacing from <p><br> in markup */
.wp-block-contact-form-7-contact-form-selector .wpcf7 p>br {
  display: none;
}

/* Base spacing between field rows */
.wp-block-contact-form-7-contact-form-selector .wpcf7 p {
  margin: 0 0 14px;
}

/* Labels: small uppercase hint in brand color */
.wp-block-contact-form-7-contact-form-selector .wpcf7 label {
  display: block;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--brand-primary);
  margin-bottom: 6px;
}

/* Required star color */
.wp-block-contact-form-7-contact-form-selector .wpcf7-required {
  color: var(--brand-accent-coral);
  margin-left: 2px;
}

/* All controls (except submit button) share the same look */
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  border-radius: var(--border-radius);
  border: 1px solid rgba(148, 163, 184, 0.55);
  padding: 9px 11px;
  font-size: 0.96rem;
  font-family: inherit;
  background: #fff;
  color: var(--brand-navy);
  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
  transition: var(--universal-transition);
}

/* Textarea sizing */
.wp-block-contact-form-7-contact-form-selector textarea.wpcf7-form-control {
  min-height: 140px;
  resize: vertical;
}

/* Select arrow styling */
.wp-block-contact-form-7-contact-form-selector select.wpcf7-form-control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: var(--select-bg);
  color: var(--select-fg);
  border-radius: var(--select-radius);
  border: var(--select-bd);
  background-image: url("data:image/svg+xml;utf8,<svg width='18' height='18' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M6 8L10 12L14 8' stroke='%23046BD2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 0.9rem center;
  padding-right: 2.4rem;
  cursor: pointer;
}

/* Focus state with brand color */
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control:not(.wpcf7-submit):focus {
  outline: none;
  border-color: var(--brand-primary);
  box-shadow: 0 0 0 1px rgba(4, 107, 210, 0.12),
    0 4px 14px rgba(15, 23, 42, 0.08);
}

/* Placeholder color */
.wp-block-contact-form-7-contact-form-selector .wpcf7-form-control::placeholder {
  color: #9ca3af;
}

/* Acceptance checkbox row */
.wp-block-contact-form-7-contact-form-selector .wpcf7-acceptance {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 0.82rem;
  color: #6b7280;
}

/* Checkbox itself */
.wp-block-contact-form-7-contact-form-selector .wpcf7-acceptance input[type="checkbox"] {
  margin-top: 2px;
}

/* Checkbox label text */
.wp-block-contact-form-7-contact-form-selector .wpcf7-acceptance .wpcf7-list-item-label {
  line-height: 1.4;
}

/* Submit button – primary Wrytix style */
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  border-radius: var(--border-radius);
  border: none;
  background: var(--gradient-primary);
  color: #fff;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: var(--box-shadow);
  transition: var(--universal-transition);
}

/* Disabled state (CF7 initially disables submit) */
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
  box-shadow: none;
}

/* Hover / focus */
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit:hover,
.wp-block-contact-form-7-contact-form-selector .wpcf7-submit:focus {
  background: var(--brand-primary-strong);
  transform: translateY(-1px);
  box-shadow: var(--box-shadow-hover);
}

/* Spinner next to button */
.wp-block-contact-form-7-contact-form-selector .wpcf7-spinner {
  margin-left: 8px;
}

/* CF7 response messages (success/error) */
.wp-block-contact-form-7-contact-form-selector .wpcf7-response-output {
  margin: 14px 0 0;
  border-radius: var(--border-radius);
  border-width: 1px;
  font-size: 0.88rem;
}

/* Make screen-reader response invisible visually but keep for a11y */
.wp-block-contact-form-7-contact-form-selector .screen-reader-response {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Mobile tweaks */
@media (max-width: 640px) {
  .wp-block-contact-form-7-contact-form-selector {
    margin-top: 32px;
    margin-bottom: 70px;
  }

  .wp-block-contact-form-7-contact-form-selector .wpcf7 {
    padding: 18px 14px 22px;
  }
}


@media (max-width: 1600px) {
  header .custom-logo-link img {
    max-width: 150px;
  }
}

@media (max-width: 1450px) {
  .main-header-menu .menu-link,
  .main-header-menu > a {
    padding: 0 0.6em;
  }
}

@media (max-width: 1360px) {
  .main-header-menu .menu-link,
  .main-header-menu > a {
    padding: 0 0.4em;
    font-size: smaller;
  }
  header .custom-logo-link img {
    max-width: 130px;
  }
}

/* Keep menu horizontal on desktop */
.site-nav .menu {
  display: flex;
  gap: 16px;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-content: center;
}
.site-nav .menu > li > a {
  text-decoration: none;
  padding: 8px 10px;
  border-radius: var(--border-radius);
  transition: all 0.2s ease;
}
.site-nav .menu > li > a:hover {
  background: rgba(0, 0, 0, 0.06);
}

/* Language dropdown styling */
.menu-lang select {
  padding: 8px 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: var(--border-radius);
  background: #fff;
  font-size: 14px;
  line-height: 1.2;
}

/* Accessibility helper for the label */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}



/* Mobile stacking */
@media (max-width: 992px) {
  .site-nav .menu {
    flex-wrap: wrap;
    gap: 10px;
  }
  .menu-lang {
    flex: 1 0 100%;
  }
  .menu-lang select {
    width: 100%;
  }
  /* Fix Spectra (UAGB) Masonry on mobile: remove destructive negative margins */

  .spectra-image-gallery__layout--masonry {
    margin: 0 !important; /* the plugin sets margin:-50px; kill it on phones */
    width: 100% !important; /* ensure it cannot exceed the viewport */
    overflow: hidden; /* contain absolutely positioned items */
    box-sizing: border-box;
  }
  .spectra-image-gallery__layout--masonry
    .spectra-image-gallery__media-wrapper--isotope {
    padding: 5px !important;
  }
}

.wrytix-wfp-button {
  display: inline-block;
  padding: 12px 24px;
  border-radius: var(--border-radius);
  text-decoration: none;
}



.wrytix-wfp-note {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.8;
}

@media (max-width: 580px) {
  .blob-css::before {
    content: none;
  } /* або opacity:.3; filter:blur(12px); */
  .blob-css {
    transform: rotate(0deg);
    filter: drop-shadow(0 12px 14px var(--shadow));
  }
}