em {
  font-style: italic;
}
.nav-links div.menu {
  display: flex;
}
.nav-links li, .mobile-menu li {
  list-style: none;
}
.nav-links .menu-item-has-children {
  position: relative;
  margin-right: 10px;
}
.nav-links .menu-item-has-children a:hover {
  outline: none;
}
.nav-links .menu-item-has-children::after {
  content: "∟";
  transform: rotate(-45deg);
  position: absolute;
  right: -14px;
  top: 1px;
  font-weight: bold;
  font-size: 14px;
}
.nav-links .menu-item-has-children:hover::after {
  color: var(--primary-teal);
}
.nav-links ul.sub-menu {
position: absolute;
  top: 100%;
  left: 0;
  min-width: 12rem;
  background: var(--white);
  border-radius: 0.75rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  padding: 0.5rem;
  margin-top: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 1000;
}
.nav-links .menu-item-has-children:hover ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.nav-links ul.sub-menu a {
  display: block;
  padding: 0.75rem 1rem;
  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--text-dark);
  text-decoration: none;
  border-radius: 0.5rem;
  transition: all 0.3s;
  white-space: nowrap;
}
.nav-links ul.sub-menu a:hover, .nav-links ul.sub-menu a:focus {
  background: rgba(0, 150, 137, 0.08);
  color: var(--primary-teal);
  outline: none;
}


.mobile-menu-links li a {
  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: var(--text-dark);
  text-decoration: none;
  padding: 1rem;
  border-bottom: 1px solid var(--border-light);
  transition: all 0.3s;
  display: block;
}
.mobile-menu-links ul.sub-menu {
  padding: 0 1rem 1rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  display: none;
}
.mobile-menu-links .menu-item-has-children:hover ul.sub-menu {
  display: block!important;
}
.mobile-menu-links ul.sub-menu a {
  display: block;
  padding: 0.75rem 1rem;
  font-family: 'Lora', serif;
  font-weight: 600;
  font-size: 0.9375rem;
  color: var(--text-dark);
  text-decoration: none;
  border-radius: 0.5rem;
  transition: all 0.3s;
  white-space: nowrap;
}

.stories-trust-badges .stories-trust-divider:last-child,.journey-steps .step-connector:last-child, .about-final-trust .about-final-divider:last-child, .mounjaro-breadcrumb .divider:last-child, .wegovy-breadcrumb .divider:last-child {
  display: none;
}

.single body {
  background: rgb(236 234 231 / var(--tw-bg-opacity, 1));
}
.single .single-content h1, .single .single-content h2, .single .single-content h3, .single .single-content h4, .single .single-content h5, .single .single-content h6 {
  font-family: 'Playfair Display', serif;
  color: var(--text-dark);
  margin-bottom: 1rem;
  font-weight: 500;
}
.single .single-content h1 {
  font-size: clamp(1.875rem, 5vw, 3.75rem);
  line-height: 1.15;
  letter-spacing: -0.01em;
}
.single .single-content h2 {
  font-size: clamp(2rem, 4vw, 2.75rem);
  line-height: 1.2;
  position: relative;
}
.single .single-content h3 {
  font-weight: 700;
  font-size: 1.125rem;
  color: #282832;
  line-height: 1.2;
}
.single .single-content h4 {
  font-weight: 700;
  font-size: 1rem;
}
.single .single-content h5 {
  font-size: 0.9rem;
}
.single .single-content h6 {
  font-size: 0.8rem;
}
.single .single-content p {
  margin-bottom: 15px;
}
.single-content a {
  color: var(--primary-teal);
}
.single .single-content blockquote::before, .single .single-content blockquote::after {
  content: '"';
  position: absolute;
  font-size: 60px;
  line-height: 1;
}
.single .single-content blockquote::before {
  left: 20px;
  top: 10px;
}
.single .single-content blockquote::after {
  right: 20px;
  bottom: -10px;
}
.single .single-content blockquote {
  --tw-shadow: 0 20px 40px rgba(0,0,0,0.08);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding: 3rem;
  border-radius: 32px;
  color: var(--primary-teal);
  margin-bottom: 1.5rem;
  position: relative;
}
.single .single-content ul, .single .single-content ol {
  margin-left: 15px;
}
.single .single-content ul li {
  list-style-type: disc;
}
.single .single-content ol li {
  list-style-type: decimal;
}
.single .single-content li::marker {
  color: var(--primary-teal); /* Replace 'red' with your desired color (e.g., #0033FF, rgb(0, 51, 255)) */
}
.single-post-thumbnail {
  position: relative;
}
.single-post-thumbnail img.attachment-post-thumbnail {
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 40px;
}
.single-title-area .items-center {
  justify-content: space-between;
}
.single .single-post-title {
  margin: 50px 0;
}
.single-title-area span a {
  font-family: Nunito Sans, sans-serif;
}
.author-box {
  position: absolute;
  right: 20px;
  bottom: 20px;
  background: rgb(224 242 241 / var(--tw-bg-opacity, 1));
  padding: 10px 20px;
  border-radius: 20px;
  color: #fff;
}
.single-content {
  color: rgb(73 85 101 / var(--tw-text-opacity, 1));
  font-family: Nunito Sans, sans-serif;
  font-size: 1.125rem;
}
/* Blog */
.blog-categories a {
  border: 1px solid #fff;
}
.blog-categories .all-articles {
  background: #fff;
  color: rgb(73 85 101 / var(--tw-text-opacity, 1));
}
.blog-categories .all-articles:hover, .blog-categories a.other-cat:hover {
  background: #fff;
  color: rgb(0 150 137 / var(--tw-border-opacity, 1));
  border-color: rgb(0 150 137 / var(--tw-border-opacity, 1));
}

.blog-categories .active {
   background-color: #009689;
   color: white;
   border-color: #009689;
}
.blog-categories .other-cat.active:hover {
  background-color: rgb(0 125 114 / var(--tw-bg-opacity, 1));
  color: #fff;
}

.form-contact .nf-form-fields-required {
  display: none;
}
.form-contact .nf-field-label label {
  font-weight: 600!important;
  margin-bottom: 0rem!important;
}
.ninja-forms-req-symbol {
  display: none;
}
.form-contact .submit-container .field-wrap.submit-wrap.textbox-wrap {
  background: var(--primary-teal);
  color: var(--white);
  padding: 1.125rem 2.5rem;
  border-radius: var(--radius-full);
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  cursor: pointer;
  transition: all 0.3s;
  width: 100% !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
}
.form-contact .submit-container .field-wrap.submit-wrap.textbox-wrap input {
  cursor: pointer;
}
.form-contact .submit-container .nf-field-element::after {
  content: url('https://superiorpharmacy.co.uk/wp-content/uploads/2025/11/cta-white-arrow.svg');
  height: 20px;
  margin-left: 12px;
  margin-top: 2px;
}
.form-contact .submit-container .field-wrap.submit-wrap.textbox-wrap:hover, .form-contact .submit-container .field-wrap.submit-wrap.textbox-wrap:focus {
  background: #007d72;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 150, 137, 0.3);
}
.form-contact .submit-container .nf-field-element {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0px;
}

.woocommerce-cart, .woocommerce-checkout {
  background: rgb(236 234 231 / var(--tw-bg-opacity, 1))
}
.woocommerce-cart .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block, .woocommerce-cart .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
  background: #fff;
  border-radius: 20px;
  padding: 15px;
}
.woocommerce-cart .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
  width: 61%;
  margin-right: 4%;
}
thead span, .wc-block-cart .wc-block-cart__totals-title, span.wc-block-components-totals-item__label {
  font-size: 16px;
  color: rgb(0 150 137 / var(--tw-text-opacity, 1));
}
.wc-block-components-quantity-selector::after {
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
  border-radius: 18px;
}
.woocommerce-cart .wp-block-woocommerce-cart-totals-block a {
  background-color: var(--primary-teal);
  color: #fff;
  border-radius: 32px;
  margin-top: 10px;
}
.wc-block-components-product-name {
  font-size: 20px;
}
.wc-block-components-totals-coupon__input input {
  border: 1px solid #d1d5db!important;
  border-radius: 0.75rem!important;
}
.wc-block-components-totals-coupon__input input:focus-visible {
  outline: none;
  border-color: var(--primary-teal);
  box-shadow: 0 0 0 3px rgba(0, 150, 137, 0.2);
}

.woocommerce-checkout .wc-block-checkout__form input, .woocommerce-checkout .wc-block-checkout__form .wc-blocks-components-select__select {
  border: 1px solid #d1d5db !important;
  border-radius: 0.75rem !important;
  font-family: 'Nunito Sans', sans-serif !important;
  transition: border-color 0.3s, box-shadow 0.3s !important;
}
.woocommerce-checkout .wc-block-checkout__form input:focus-visible, .woocommerce-checkout .wc-block-checkout__form .wc-blocks-components-select__select:focus-visible, .wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained:focus {
  outline: none;
  border-color: var(--primary-teal);
  box-shadow: 0 0 0 3px rgba(0, 150, 137, 0.2);
}
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main {
  width: 61%;
  margin-right: 4%;
  background: #fff;
  border-radius: 20px;
  padding: 15px;
}
.woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-sidebar {
  background: #fff;
  border-radius: 20px;
  padding: 15px;
}

.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained {
  background-color: var(--primary-teal);
  color: #fff;
  border-radius: 32px;
  pointer-events: none;
  cursor: pointer;
}
.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
  background-color: var(--primary-teal);
  color: #fff;
  border-radius: 32px;
  cursor: pointer;
}

.woocommerce-checkout  .wc-block-checkout__main h2, .woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title-text {
  font-size: 16px!important;
  text-transform: uppercase;
  font-weight: bold!important;
  color: rgb(0 150 137 / var(--tw-text-opacity, 1));
}

@media screen and (max-width: 763px) {
  .woocommerce-checkout .wc-block-components-sidebar-layout .wc-block-components-main, .woocommerce-cart .wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block {
    width: 100%;
    margin-right: 0;
  }

 .wc-block-cart table.wc-block-cart-items .wc-block-cart-items__row {
    display: grid;
    grid-template-columns: auto;
  }
  .wc-block-cart-items__row {
    display: flex!important;
    /* flex-direction: column; */
    flex-wrap: wrap;
  }
}

/* Woocommerce Account */
.woocommerce-account .woocommerce-info::before, .woocommerce-order-received .woocommerce-info::before {
  color: var(--primary-teal);
}
.woocommerce-account .woocommerce-info, .woocommerce-order-received .woocommerce-info {
  border-top-color: var(--primary-teal);
}
.woocommerce-account h1 {
  padding: 0 0 50px;
}
.woocommerce-account .woocommerce-MyAccount-content input, .woocommerce-account .woocommerce input, .woocommerce-order-received input {
  padding: 1rem 1.25rem !important;
  border: 1px solid #d1d5db !important;
  border-radius: 0.75rem !important;
  font-size: 1rem !important;
}
.woocommerce-account input:focus-visible, .woocommerce-lost-password .woocommerce-message:focus-visible, .woocommerce-order-received input:focus-visible {
  outline: none;
  border-color: var(--primary-teal);
  box-shadow: 0 0 0 3px rgba(0, 150, 137, 0.2);
}
.woocommerce-account .button, .woocommerce-button.button.woocommerce-form-login__submit {
  background-color: var(--primary-teal) !important;
  color: #fff !important;
  border-radius: 32px !important;
  padding: .8em 1em !important;
}
.woocommerce-order-received .lost_password a {
  display: inline-block;
}
.woocommerce-account .select2-selection {
  border: 1px solid #d1d5db!important;
  border-radius: 0.75rem!important;
  font-size: 1rem!important;
}
.woocommerce-account .select2-selection__rendered {
  padding: 1rem 1.25rem!important;
}

.woocommerce-account .single-content h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 500;
  font-size: clamp(2rem, 4vw, 3.75rem);
  line-height: 1.2;
  color: var(--text-dark);
  margin-bottom: 1rem;
}

.woocommerce-account .single-content .woocommerce-form-login__rememberme {
  margin-top: 12px;
}
.woocommerce-account .single-content .addresses .title .edit {
  float: left;
}