:root{
      --brand-blue: #0f9ad1;
      --deep-blue: #0b6f9a;
    }
    body{font-family: "Lato", Arial, sans-serif; background:#fff; color:#222;}
    .top-black{background:#0a0a0a;color:#fff;padding:6px 12px;font-size:13px;}
    .site-header{background-color:#0aa0d9; color:#fff;padding:28px 18px; background-image: url(../images/medicine-background.png); background-repeat: no-repeat; background-position: right top; background-size: contain;}
    .site-title{font-size:60px;font-weight:700; letter-spacing:0.5px; line-height:54px;}
    .site-sub{font-size:13px; margin-top:6px; opacity:0.95;}
    .nav-area{background:#fff; box-shadow:0 2px 6px rgba(0,0,0,0.08);}
    .main-nav .nav-link{color:#444; padding:12px 10px; font-size: 15px;}
    .main-nav .nav-link.active{background:linear-gradient(90deg,#f0f8fc,#ffffff); border-bottom:3px solid var(--brand-blue); color:var(--brand-blue); font-weight:600;}
    .hero-img{max-width:100%; display:block; margin:20px auto;}
    .content-wrapper{max-width:980px; margin:20px auto; padding:0 18px;}
    .h2-section{font-size:20px; margin-top:18px; margin-bottom:8px; color:#0b6f9a; font-weight:600;}
    .lead-note{font-size:15px; color:#555; margin-bottom:14px;}
    .important-box{background:#fff5f5;border-left:4px solid #e34a4a;padding:14px;margin:18px 0; color:#b33;}
    .subtle-link{color:#0b6f9a; text-decoration:underline;}
    .footer-blue{background:var(--deep-blue); color:#fff; padding:36px 18px; margin-top:40px;}
    .footer-blue a{color:#cfeffb;}
    .prescription{background:#f7f9fc; border-left:4px solid #d6eaf8; padding:12px; margin:18px 0;}
    .small-muted{font-size:13px;color:#666;}
    /* make nav horizontally scrollable on small devices */
    .main-nav {white-space:nowrap;}
    .main-nav .nav-link{display:inline-block;}
    /* footer links columns */
    .footer-col li{list-style:none; margin:6px 0;}
    /* mimic big spacing for the long content columns */
    .content p{margin-bottom:10px; line-height:1.45;}
    /* Register button */
    .register-btn{display:inline-block; padding:8px 12px; background:#e6f8ff; color:#0186b3; border-radius:4px; font-weight:600; margin-top:12px;}
    /* MAIN FOOTER BACKGROUND */
.footer-skerne {
    width: 100%;
    background: #007FBE; /* exact NHS blue */
    color: #ffffff;
    font-family: Arial, sans-serif;
}

/* TOP BLUE BLOCK */
.footer-top {
    padding: 40px 0 20px 0;
}

/* SECTION HEADINGS WITH TRIANGLE */
.footer-heading {
    font-size: 20px;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.footer-arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #2c3e50;
    margin-right: 6px;
    margin-top: 3px;
}

/* LIST STYLE */
.footer-list {
    margin: 0;
    padding-left: 0;
}

.footer-list li {
    list-style: none;
    margin-bottom: 8px;
    font-size: 15px;
    display: flex;
    align-items: center;
}
.footer-list li a {
    color: #fff;
    text-decoration: none;
}
.footer-list li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.footer-logos{ background:#fff; padding:10px; }
/* NHS LOGOS */
.footer-logo-img {
    margin: 0 15px;
}

/* COPYRIGHT BAR */
.footer-bottom {
    background: #000;
    color: #fff;
    padding: 12px 0;
    font-size: 13px;
}
 .nhs-bar {
        background: #005EB8;
        color: #fff;
        padding: 12px 18px;
        font-weight: 700;
        font-size: 1.5rem;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .nhs-bar h2,
    .nhs-bar h1 {
        margin: 0;
        padding: 0;
        font-size: 1.5rem;
        font-weight: 700;
        color: #fff;
    }

    .content-area p {
        line-height: 1.6;
        margin-bottom: 14px;
    }

    .content-area ul li {
        margin-bottom: 8px;
    }

    .alert-custom {
        background: #fff3cd;
        border-left: 5px solid #e0a800;
        padding: 20px;
        border-radius: 4px;
        margin: 25px 0;
    }

    hr {
        margin: 20px 0;
        border-top: 1px solid #ddd;
    }

    /* responsive tweaks */


.hide_mb{ display:none;}

     /* Ensure nested menus overlay correctly on mobile when shown */
  .dropdown-submenu > .dropdown-menu {
    left: 100%;
    top: 0;
  }
  /* Enable hover dropdowns on desktop */
@media (min-width: 992px) {
  .navbar .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  /* For deeper submenu (dropdown-submenu) */
  .navbar .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}


  /* On mobile we want nested menus to appear as stacked items (not flyouts) */
  @media (max-width: 991.98px) {
         .site-title{font-size:42px;}
    .dropdown-submenu > .dropdown-menu {
      position: static;
      transform: none;
      float: none;
      left: 0;
      top: 0;
      margin-left: 0;
      margin-right: 0;
      display: none; /* default hidden — shown via .show class */
    }
    .dropdown-submenu > .dropdown-menu.show {
      display: block;
    }
    .hide_mb{ display:block;}
  }
  /* Default bootstrap hamburger */
.navbar-toggler-icon {
  transition: all 0.3s ease-in-out;
}

/* Default hamburger (menu closed) */
.navbar-toggler.collapsed .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 16 16'%3E%3Cpath stroke='black' stroke-width='2' d='M2 4h12M2 8h12M2 12h12'/%3E%3C/svg%3E");
}

/* Close (X) icon when menu is open */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 16 16'%3E%3Cpath stroke='black' stroke-width='2' d='M2 2 L14 14 M14 2 L2 14'/%3E%3C/svg%3E");
}
.content-details h2{font-size: 20px;font-weight: 600;margin: 0 0 5px;}
.content-details h3{font-size: 18px;font-weight: 600;margin: 0 0 5px;}
.content-details p{margin-bottom:20px;}