.seo-settings-by-jordanhost-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
    background: #fff;
    padding: 20px;
    border-bottom: 1px solid #ddd;
}
.seo-settings-by-jordanhost-header-logo img {
    box-shadow: 0 0 5px rgba(123 213 255 / 30%);
    height: 80px;
    width: auto;
    vertical-align: middle;
    border-radius: 25px;
    border: 5px solid #fff;
}

@keyframes waveShadow {
  0% {
    box-shadow: 0 0 10px rgba(123 213 255 / 30%);
  }
  50% {
    box-shadow: 0 0 40px rgba(123 213 255 / 50%), 0 0 20px rgba(123 213 255 / 30%);
  }
  100% {
    box-shadow: 0 0 10px rgba(123 213 255 / 30%); 
  }
}
.logowave {
        position: relative;
  border: none;
    overflow: hidden;
        animation: waveShadow 3s infinite alternate;
    border-radius: 25px;
        cursor: none;
}
.logowave:hover {
    text-decoration: none;
    color: #fff;
}
.logowave:before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-logo 5s ease-in-out infinite;
}

.logowave:active{
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}


@-webkit-keyframes shiny-logo {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.seo-settings-by-jordanhost-meta-box-wrapper .seo-settings-by-jordanhost-field {
    margin-bottom: 15px;
}
.seo-settings-by-jordanhost-meta-box-wrapper label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}
.seo-settings-by-jordanhost-ai-section {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
    display: flex;
    align-items: center;
}
.seo-settings-by-jordanhost-ai-section .spinner {
    float: none;
    margin: 0 0 0 8px;
}
.seo-settings-by-jordanhost-ai-section #seo-settings-by-jordanhost-ai-status {
    margin-left: 10px;
}

/* Toggle Switch CSS */
.seo-settings-by-jordanhost-meta-box-wrapper .vc-toggle-container {
  --vc-off-color: #d1d3d4;
  --vc-on-color: #ff0000;
  --vc-animation-speed: 0.15s ease-out;
  --vc-font-family: Arial;
  --vc-font-size: 13px;
  --vc-font-weight: 900;
  --vc-on-font-color: white;
  --vc-off-font-color: white;
  --vc-label-position-off: 12px;
  --vc-label-position-on: 11px;
  --vc-width: 60px;
  --vc-height: 30px;
  --vc-handle-border-radius: 20px;
  --vc-box-border-radius: 18px;
  --vc-handle-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  --vc-handle-color: white;
  --vc-handle-width: 20px;
  --vc-handle-height: 20px;
  --vc-onclick-width: 50px;
  --vc-handle-top: 5px;
	padding: 0 14px;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-toggle-container * {
  font-family: var(--vc-font-family);
  -webkit-transition: var(--vc-animation-speed);
  -moz-transition: var(--vc-animation-speed);
  -o-transition: var(--vc-animation-speed);
  transition: var(--vc-animation-speed);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch {
  width: var(--vc-width);
  height: var(--vc-height);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-toggle-container label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  border-radius: var(--vc-box-border-radius);
  cursor: pointer;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-input {
  position: absolute;
  transform: translate3d(5px, 5px, 0);
  opacity: 0;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: var(--vc-font-size);
  font-weight: var(--vc-font-weight);
  background: var(--vc-off-color);
  border-radius: inherit;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-label:before,
.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1.1;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-label:before {
  content: attr(data-off);
  color: var(--vc-off-font-color);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-label:after {
  content: attr(data-on);
  color: var(--vc-on-font-color);
  opacity: 0;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-label:before {
  right: var(--vc-label-position-off);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-label:after {
  left: var(--vc-label-position-on);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-input:checked ~ .vc-switch-label {
  background: var(--vc-on-color);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-input:checked ~ .vc-switch-label:before {
  opacity: 0;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-input:checked ~ .vc-switch-label:after {
  opacity: 1;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-handle {
  position: absolute !important;
  top: var(--vc-handle-top);
  left: 5px;
  background: var(--vc-handle-color);
  border-radius: var(--vc-handle-border-radius);
  box-shadow: var(--vc-handle-shadow);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-handle {
  width: var(--vc-handle-width);
  height: var(--vc-handle-height);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-handle:before {
  content: "";
  top: 50%;
  left: 50%;
  position: absolute !important;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-label:active ~ .vc-handle,
.seo-settings-by-jordanhost-meta-box-wrapper .vc-handle:active {
  width: var(--vc-onclick-width);
}

.seo-settings-by-jordanhost-meta-box-wrapper .vc-switch-input:checked ~ .vc-handle {
  left: unset;
  right: 5px;
}
/* Styles for placing toggle switch next to label */
#seo_settings_by_jordanhost_meta_box .seo-settings-by-jordanhost-toggle-field {
    display: flex;
    justify-content: flex-end;
	align-items: center;
	font-size: 15px;
}

#seo_settings_by_jordanhost_meta_box .seo-settings-by-jordanhost-toggle-field label {
    margin-bottom: 0; /* Removes the default bottom margin from the label */
}

/* --- Settings Page Toggle Switch Styles --- */

.seo-settings-by-jordanhost-settings-page .settings-toggle {
  /* CSS Variables for this specific toggle */
  --vc-width: 50px;
  --vc-height: 25px;
  --vc-handle-width: 17px;
  --vc-handle-height: 17px;
  --vc-handle-top: 4px;
  --vc-off-color: #d1d3d4;
  --vc-on-color: #38cf5b;
  --vc-handle-color: white;
  --vc-animation-speed: 0.15s ease-out;
  --vc-handle-border-radius: 20px;
  --vc-box-border-radius: 18px;
  --vc-handle-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.seo-settings-by-jordanhost-settings-page .vc-toggle-container {
    display: inline-block;
    vertical-align: middle;
}

/* Position description next to the toggle */
.seo-settings-by-jordanhost-settings-page .toggle-description {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
	margin-right: 15px;
}

.seo-settings-by-jordanhost-settings-page .vc-toggle-container * {
  box-sizing: border-box;
  transition: all var(--vc-animation-speed);
}

.seo-settings-by-jordanhost-settings-page .vc-switch {
  display: inline-block;
  position: relative;
  width: var(--vc-width);
  height: var(--vc-height);
  border-radius: var(--vc-box-border-radius);
  cursor: pointer;
}

.seo-settings-by-jordanhost-settings-page .vc-switch-input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.seo-settings-by-jordanhost-settings-page .vc-switch-label {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background: var(--vc-off-color);
  border-radius: inherit;
}

.seo-settings-by-jordanhost-settings-page .vc-handle {
  position: absolute;
  top: var(--vc-handle-top);
  left: 4px;
  width: var(--vc-handle-width);
  height: var(--vc-handle-height);
  background: var(--vc-handle-color);
  border-radius: var(--vc-handle-border-radius);
  box-shadow: var(--vc-handle-shadow);
}

/* --- Checked State --- */
.seo-settings-by-jordanhost-settings-page .vc-switch-input:checked + .vc-switch-label {
  background: var(--vc-on-color);
}

.seo-settings-by-jordanhost-settings-page .vc-switch-input:checked ~ .vc-handle {
  transform: translateX(calc(var(--vc-width) - var(--vc-handle-width) - 8px));
}
/* --- Sitemap Post Type Toggles --- */
.seo-settings-by-jordanhost-settings-page .sitemap-post-type-toggle {
    display: flex;
    align-items: center;
    margin-bottom: 10px; /* Space between each post type row */
}

.seo-settings-by-jordanhost-settings-page .sitemap-post-type-toggle .settings-toggle {
    margin-right: 15px; /* Space between toggle and label */
	margin-left: 15px;
}

.seo-settings-by-jordanhost-settings-page .sitemap-post-type-label {
    font-weight: normal;
    margin-bottom: 0;
}

.seo-settings-by-jordanhost-field.seo-settings-by-jordanhost-toggle-field {
    display: flex
;
    align-items: center;
    justify-content: flex-end;
}