/*
  Mentor Branded Prototype - Clean & Professional
  - Mentor colors applied tastefully
  - STRICTLY scoped to .find-doctor area
*/

.find-doctor{
  --mentor-blue:#004B8D;
  --dark-gray:#4D4D4F;
  --gold:#EAA442;
  --slate:#B09F9B;
}

/* ============================================
   PAGE BACKGROUND & CONTENT WELL
   ============================================ */
/* Apply Mentor Blue background to the main element - ONLY on Mentor sponsored page OR conditional takeover */
body.mentor-sponsored-page #main.site-main,
body.mentor-conditional-takeover #main.site-main{
  background-color:#004B8D !important;
  padding:0;
}
/* Remove header margin on Mentor page */
@media (min-width: 1024px){
  body.mentor-sponsored-page .site-header,
  body.mentor-conditional-takeover .site-header{
    margin-bottom:0 !important;
  }
}
/* White container for content - no shadow - ONLY on Mentor sponsored page OR conditional takeover */
body.mentor-sponsored-page .content-area.-find-doctor .container,
body.mentor-conditional-takeover .content-area.-find-doctor .container{
  background-color:#fff;
  max-width:1400px;
  margin:0 auto;
  padding:40px 20px;
  border:none !important;
}
@media (min-width: 768px){
  body.mentor-sponsored-page .content-area.-find-doctor .container,
  body.mentor-conditional-takeover .content-area.-find-doctor .container{
    padding:60px 40px;
  }
}

/* ============================================
   POWERED BY MENTOR LOGO
   ============================================ */
body.mentor-sponsored-page .find-doctor__powered-by,
body.mentor-conditional-takeover .find-doctor__powered-by{
  position:absolute;
  right:0;
  top:-32px;
  display:flex !important; /* Override inline display:none */
  align-items:center;
  gap:6px;
  color:var(--dark-gray);
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:600;
}
body.mentor-sponsored-page .find-doctor__powered-by::before,
body.mentor-conditional-takeover .find-doctor__powered-by::before{
  content:"Powered by";
  margin-right:4px;
}
body.mentor-sponsored-page .find-doctor__powered-by svg,
body.mentor-conditional-takeover .find-doctor__powered-by svg{
  height:24px;
  width:auto;
}
@media (max-width: 768px){
  body.mentor-sponsored-page .find-doctor__powered-by,
  body.mentor-conditional-takeover .find-doctor__powered-by{
    position:static;
    margin:0 0 16px 0;
  }
}

/* ============================================
   FORM STYLING
   ============================================ */
body.mentor-sponsored-page .find-doctor__form,
body.mentor-conditional-takeover .find-doctor__form{
  position:relative;
  gap:20px;
  margin-bottom:0; /* Space controlled by results container */
}

/* Select dropdowns - add carats back */
body.mentor-sponsored-page .find-doctor__form select,
body.mentor-conditional-takeover .find-doctor__form select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  border:1px solid var(--slate);
  border-radius:8px;
  padding:12px 40px 12px 16px;
  color:var(--dark-gray);
  background:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234D4D4F' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:12px;
  cursor:pointer;
}
body.mentor-sponsored-page .find-doctor__form select:hover,
body.mentor-conditional-takeover .find-doctor__form select:hover{
  border-color:var(--mentor-blue);
}
body.mentor-sponsored-page .find-doctor__form select:focus,
body.mentor-conditional-takeover .find-doctor__form select:focus{
  outline:2px solid var(--gold);
  outline-offset:1px;
  border-color:var(--mentor-blue);
}

/* Search Button - Mentor Blue */
body.mentor-sponsored-page .find-doctor__form .button,
body.mentor-conditional-takeover .find-doctor__form .button{
  background-color:var(--mentor-blue) !important;
  color:#fff !important;
  border:1px solid var(--mentor-blue) !important;
  border-radius:8px;
  padding:12px 24px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  transition:all .2s ease;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
body.mentor-sponsored-page .find-doctor__form .button::after,
body.mentor-conditional-takeover .find-doctor__form .button::after{
  content:"";
  display:inline-block;
  width:8px;
  height:14px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.25 24.65"><path d="M1.9,0H0v24.65h1.87c.63-5.99,5.39-10.76,11.38-11.39v-2.08C7.33,10.56,2.61,5.9,1.9,0" fill="%23fff"/></svg>');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
body.mentor-sponsored-page .find-doctor__form .button:hover,
body.mentor-conditional-takeover .find-doctor__form .button:hover{
  background-color:#003a6d !important;
  border-color:#003a6d !important;
}
body.mentor-sponsored-page .find-doctor__form .button:focus,
body.mentor-conditional-takeover .find-doctor__form .button:focus{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* ============================================
   DOCTOR CARDS
   ============================================ */
body.mentor-sponsored-page .find-doctor-algolia-wrapper,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper{
  margin-top:36px; /* 36px space from form to cards */
}

body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Hits-list,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Hits-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:24px;
  padding:0;
  margin-top:0 !important;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Hits-item,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Hits-item{
  list-style:none;
  margin:0;
}

body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing{
  background:#fff;
  border:1px solid #ddd;
  border-radius:12px;
  overflow:hidden;
  transition:all .25s ease;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing:hover,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing:hover{
  border-color:var(--mentor-blue);
  box-shadow:0 4px 16px rgba(0,75,141,0.12);
  transform:translateY(-2px);
}

/* Doctor name/title */
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-hero__title a,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-hero__title a{
  color:var(--dark-gray);
  text-decoration:none;
  transition:color .2s ease;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-hero__title a:hover,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-hero__title a:hover{
  color:var(--mentor-blue);
}

/* VIEW PROFILE button - Force visibility and Mentor Blue with !important */
body.mentor-sponsored-page .find-doctor-algolia-wrapper .button.button-block,
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing .button.button-block,
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing a.button.button-block,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .button.button-block,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing .button.button-block,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing a.button.button-block{
  background-color:var(--mentor-blue) !important;
  border:1px solid var(--mentor-blue) !important;
  border-color:var(--mentor-blue) !important;
  color:#fff !important;
  font-weight:700 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em;
  transition:all .2s ease;
  opacity:1 !important;
  visibility:visible !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:12px;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .button.button-block::after,
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing .button.button-block::after,
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing a.button.button-block::after,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .button.button-block::after,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing .button.button-block::after,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing a.button.button-block::after{
  content:"";
  display:inline-block;
  width:8px;
  height:14px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.25 24.65"><path d="M1.9,0H0v24.65h1.87c.63-5.99,5.39-10.76,11.38-11.39v-2.08C7.33,10.56,2.61,5.9,1.9,0" fill="%23fff"/></svg>');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .button.button-block:hover,
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing .button.button-block:hover,
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing a.button.button-block:hover,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .button.button-block:hover,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing .button.button-block:hover,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing a.button.button-block:hover{
  background-color:#003a6d !important;
  border-color:#003a6d !important;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .button.button-block:focus,
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing .button.button-block:focus,
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-listing a.button.button-block:focus,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .button.button-block:focus,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing .button.button-block:focus,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-listing a.button.button-block:focus{
  outline:2px solid var(--gold);
  outline-offset:2px;
}

/* Doctor image container */
body.mentor-sponsored-page .find-doctor-algolia-wrapper .doctor-hero__image,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .doctor-hero__image{
  border-bottom:1px solid #eee;
}

/* Load More button */
body.mentor-sponsored-page .doctors-load-more,
body.mentor-sponsored-page .ais-InfiniteHits-loadMore,
body.mentor-sponsored-page [class*="load-more"],
body.mentor-sponsored-page button[class*="load"],
body.mentor-conditional-takeover .doctors-load-more,
body.mentor-conditional-takeover .ais-InfiniteHits-loadMore,
body.mentor-conditional-takeover [class*="load-more"],
body.mentor-conditional-takeover button[class*="load"]{
  background-color:var(--mentor-blue) !important;
  color:#fff !important;
  border:1px solid var(--mentor-blue) !important;
  border-radius:8px;
  padding:12px 32px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:700;
  transition:all .2s ease;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:12px;
}
body.mentor-sponsored-page .doctors-load-more::after,
body.mentor-sponsored-page .ais-InfiniteHits-loadMore::after,
body.mentor-sponsored-page [class*="load-more"]::after,
body.mentor-sponsored-page button[class*="load"]::after,
body.mentor-conditional-takeover .doctors-load-more::after,
body.mentor-conditional-takeover .ais-InfiniteHits-loadMore::after,
body.mentor-conditional-takeover [class*="load-more"]::after,
body.mentor-conditional-takeover button[class*="load"]::after{
  content:"";
  display:inline-block;
  width:8px;
  height:14px;
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13.25 24.65"><path d="M1.9,0H0v24.65h1.87c.63-5.99,5.39-10.76,11.38-11.39v-2.08C7.33,10.56,2.61,5.9,1.9,0" fill="%23fff"/></svg>');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
}
body.mentor-sponsored-page .doctors-load-more:hover,
body.mentor-sponsored-page .ais-InfiniteHits-loadMore:hover,
body.mentor-sponsored-page [class*="load-more"]:hover,
body.mentor-sponsored-page button[class*="load"]:hover,
body.mentor-conditional-takeover .doctors-load-more:hover,
body.mentor-conditional-takeover .ais-InfiniteHits-loadMore:hover,
body.mentor-conditional-takeover [class*="load-more"]:hover,
body.mentor-conditional-takeover button[class*="load"]:hover{
  background-color:#003a6d !important;
  border-color:#003a6d !important;
}

/* ============================================
   PAGINATION
   ============================================ */
body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Pagination-list,
body.mentor-sponsored-page .ais-Pagination-list,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Pagination-list,
body.mentor-conditional-takeover .ais-Pagination-list{
  display:flex;
  justify-content:center;
  gap:8px;
  list-style:none;
  padding:0;
  margin:40px 0;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Pagination-item,
body.mentor-sponsored-page .ais-Pagination-item,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Pagination-item,
body.mentor-conditional-takeover .ais-Pagination-item{
  margin:0;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Pagination-link,
body.mentor-sponsored-page .ais-Pagination-link,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Pagination-link,
body.mentor-conditional-takeover .ais-Pagination-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:8px 12px;
  background:#fff;
  border:1px solid #ddd;
  border-radius:6px;
  color:var(--dark-gray);
  text-decoration:none;
  font-weight:600;
  transition:all .2s ease;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Pagination-link:hover,
body.mentor-sponsored-page .ais-Pagination-link:hover,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Pagination-link:hover,
body.mentor-conditional-takeover .ais-Pagination-link:hover{
  background:var(--mentor-blue);
  border-color:var(--mentor-blue);
  color:#fff;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Pagination-item--selected .ais-Pagination-link,
body.mentor-sponsored-page .ais-Pagination-item--selected .ais-Pagination-link,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Pagination-item--selected .ais-Pagination-link,
body.mentor-conditional-takeover .ais-Pagination-item--selected .ais-Pagination-link{
  background:var(--mentor-blue);
  border-color:var(--mentor-blue);
  color:#fff;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Pagination-item--disabled .ais-Pagination-link,
body.mentor-sponsored-page .ais-Pagination-item--disabled .ais-Pagination-link,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Pagination-item--disabled .ais-Pagination-link,
body.mentor-conditional-takeover .ais-Pagination-item--disabled .ais-Pagination-link{
  opacity:0.4;
  cursor:not-allowed;
}
body.mentor-sponsored-page .find-doctor-algolia-wrapper .ais-Pagination-item--disabled .ais-Pagination-link:hover,
body.mentor-sponsored-page .ais-Pagination-item--disabled .ais-Pagination-link:hover,
body.mentor-conditional-takeover .find-doctor-algolia-wrapper .ais-Pagination-item--disabled .ais-Pagination-link:hover,
body.mentor-conditional-takeover .ais-Pagination-item--disabled .ais-Pagination-link:hover{
  background:#fff;
  border-color:#ddd;
  color:var(--dark-gray);
}

/* ============================================
   DOCTOR PROFILE PAGE - MENTOR AD UNIT
   ============================================ */
.doctor-mentor-ad-wrapper{
  margin:0 0 40px 0;
  width:100%;
}
.doctor-mentor-ad-wrapper .ad{
  min-height:250px;
  background:#f5f5f5;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (max-width: 768px){
  .doctor-mentor-ad-wrapper{
    margin:0 0 24px 0;
  }
}

/* ============================================
   FIND-A-DOCTOR PAGE - MENTOR AD UNIT (Prevent CLS)
   Override base .ad styles + global 316px min-height rule
   Use body classes for MAXIMUM specificity
   ============================================ */

/* Collapsed by default - ALL mentor pages */
body.mentor-sponsored-page #mentor-ad.ad.-full-width.-header-ad,
body.mentor-conditional-takeover #mentor-ad.ad.-full-width.-header-ad,
body.doctor-mentor-takeover #mentor-ad.ad.-full-width.-header-ad {
  min-height: 0 !important;
  height: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
}

/* Expand ONLY when ACTUAL ad content loads (iframe only, NOT script tags) */
body.mentor-sponsored-page #mentor-ad.ad.-full-width.-header-ad:has(iframe),
body.mentor-conditional-takeover #mentor-ad.ad.-full-width.-header-ad:has(iframe),
body.doctor-mentor-takeover #mentor-ad.ad.-full-width.-header-ad:has(iframe) {
  height: auto !important;
  margin-bottom: 20px !important;
  padding: 0 !important;
  overflow: visible;
}

/* Mobile: Reserve space for 300x250 when ACTUAL ad exists */
@media (max-width: 767px) {
  body.mentor-sponsored-page #mentor-ad.ad.-full-width.-header-ad:has(iframe),
  body.mentor-conditional-takeover #mentor-ad.ad.-full-width.-header-ad:has(iframe),
  body.doctor-mentor-takeover #mentor-ad.ad.-full-width.-header-ad:has(iframe) {
    min-height: 250px !important;
  }
}

/* Tablet/Desktop 768px+: Override global 316px rule - force 90px for leaderboard ads */
@media only screen and (min-width: 768px) {
  body.mentor-sponsored-page #mentor-ad.ad.-full-width.-header-ad:has(iframe),
  body.mentor-conditional-takeover #mentor-ad.ad.-full-width.-header-ad:has(iframe),
  body.doctor-mentor-takeover #mentor-ad.ad.-full-width.-header-ad:has(iframe) {
    min-height: 90px !important;
    max-height: none !important;
  }
}

/* Override 316px rule at 769px+ when NO ad (collapsed state) */
@media only screen and (min-width: 769px) {
  body.mentor-sponsored-page #mentor-ad.ad.-full-width.-header-ad,
  body.mentor-conditional-takeover #mentor-ad.ad.-full-width.-header-ad,
  body.doctor-mentor-takeover #mentor-ad.ad.-full-width.-header-ad {
    min-height: 0 !important;
    max-height: 0 !important;
  }
}

#mentor-ad.ad.-full-width.-header-ad .ad__inner {
  width: 100%;
}

/* Constrain mentor ad to container width on dedicated Mentor page */
body.mentor-sponsored-page #mentor-ad.ad.-full-width.-header-ad,
body.mentor-conditional-takeover #mentor-ad.ad.-full-width.-header-ad {
  width: 100% !important;
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

body.mentor-sponsored-page #mentor-ad.ad.-full-width.-header-ad .ad__inner,
body.mentor-conditional-takeover #mentor-ad.ad.-full-width.-header-ad .ad__inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}