/* Custom CSS based on W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
.w3-margin-8{margin:8px!important}.w3-margin-top-8{margin-top:8px!important}.w3-margin-bottom-8{margin-bottom:8px!important}
.w3-margin-left-32{margin-left:32px!important}.w3-margin-right-32{margin-right:32px!important}
.w3-padding-bottom-16{padding-bottom:16px!important}
.w3-padding-bottom-32{padding-bottom:32px!important}
.w3-padding-bottom-64{padding-bottom:64px!important}
.w3-padding-86{padding-top:86px!important;padding-bottom:86px!important}

/* Update default font style */
html, body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
  }

#grad1 {
    /*background-image: linear-gradient(to bottom right, rgba(4,54,143,1),  rgba(17,136,194,0.4));*/ /* Standard syntax (must be last) */
    background-image: radial-gradient(circle, rgba(17,136,194,0.4),rgba(4,54,143,1));
  }

.wishBlogSlides {display:none;}

.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}

/* Tagline spacing - clear descenders above the navbar */
.wishes-tagline {
  padding-bottom: 24px;
}

.wishes-navbar {
  overflow: hidden;
  display: inline-block;
  width: 100%;
  background-color: #0B1D3A;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.wishes-navbar .w3-bar-item.w3-button {
  color: #FFFFFF;
  padding: 12px 20px;
  letter-spacing: 0.3px;
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.2s ease, background-color 0.2s ease;
}

.wishes-navbar .w3-bar-item.w3-button:hover,
.wishes-navbar .w3-bar-item.w3-button:focus {
  border-bottom-color: #1AADDB;
  background-color: rgba(26, 173, 219, 0.1);
}

/* Override mobile/small screen dimension configuration */
@media (max-width:675px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}} 

@media (min-width:501px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}

/* Stack CTA buttons vertically on small screens */
@media (max-width: 675px) {
  .wishes-cta-buttons .w3-bar-item {
    display: block;
    width: 100%;
    margin: 4px 0;
  }
}

/* Responsive photo: 200px on desktop, 50% on mobile */
.wishes-photo-responsive {
  width: 200px;
}

@media (max-width: 675px) {
  .wishes-photo-responsive {
    width: 50%;
  }
}

/* Text shadow for content over the gradient background */
.wishes-text-shadow {
  text-shadow: -1px 0 SlateGray, 0 1px SlateGray, 1px 0 SlateGray, 0 -1px SlateGray;
}

.wishes-text-shadow-glow {
  text-shadow: -1px 0 SlateGray, 0 1px SlateGray, 1px 0 SlateGray, 0 -1px SlateGray, 0 0 6px black;
}

/* Sidebar navigation - dark theme */
#navSidebar {
  background-color: #0B1D3A;
}

.wishes-sidebar-header {
  text-align: right;
  padding: 4px 4px 0 0;
}

.wishes-sidebar-close {
  color: #FFFFFF;
  transition: color 0.2s ease;
}

.wishes-sidebar-close:hover {
  color: #1AADDB;
}

#navSidebar .w3-bar-item.w3-button {
  color: #FFFFFF;
  padding: 14px 24px;
  letter-spacing: 0.5px;
  border-left: 3px solid transparent;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

#navSidebar .w3-bar-item.w3-button:hover,
#navSidebar .w3-bar-item.w3-button:focus {
  border-left-color: #1AADDB;
  background-color: rgba(26, 173, 219, 0.1);
}

/* Hamburger menu button - mobile only */
.wishes-hamburger {
  color: #FFFFFF;
  font-size: 28px;
  padding: 8px 16px;
  margin: 4px 0 0 4px;
  background-color: rgba(11, 29, 58, 0.5);
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.wishes-hamburger:hover {
  background-color: rgba(11, 29, 58, 0.8);
}

/* Footer - dark theme */
.wishes-footer {
  background-color: #0B1D3A;
  border-top: 1px solid rgba(26, 173, 219, 0.2);
}

.wishes-footer-social a {
  color: #FFFFFF;
  font-size: 1.4em;
  margin: 0 12px;
  transition: color 0.2s ease;
  display: inline-block;
  padding: 8px;
}

.wishes-footer-social a:hover {
  color: #1AADDB;
}

.wishes-footer-tagline {
  color: #FFFFFF;
  margin: 16px 0 4px 0;
}

.wishes-footer-contact {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9em;
}

.wishes-footer-contact a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.2s ease;
}

.wishes-footer-contact a:hover {
  color: #1AADDB;
}

/* CTA Buttons */
.wishes-btn-primary {
  background-color: #1878C2 !important;
  color: #FFFFFF !important;
  border: 2px solid #1878C2 !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 500;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.wishes-btn-primary:hover {
  background-color: #125a94 !important;
  border-color: #125a94 !important;
}

.wishes-btn-secondary {
  background-color: transparent !important;
  color: #FFFFFF !important;
  border: 2px solid rgba(255, 255, 255, 0.7) !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 500;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.wishes-btn-secondary:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: #FFFFFF !important;
}

/* Destination Cards - clickable cards with lift effect */
#destinations .w3-third .w3-card {
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 8px;
  padding: 8px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#destinations .w3-third .w3-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

#destinations .w3-third .w3-card img {
  border-radius: 6px;
}

#destinations .w3-third .w3-card a {
  text-decoration: none;
}

/* Section Headers */
.wishes-section-header {
  display: inline-block;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 2px;
  padding-bottom: 16px;
  position: relative;
}

.wishes-section-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 2px;
  background-color: #1AADDB;
}

/* About Section Card */
.wishes-about-card {
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: 12px;
  overflow: hidden;
}

.wishes-about-photo {
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.3);
}

.wishes-learn-more {
  color: #1878C2;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 8px 16px;
  border-bottom: 2px solid transparent;
  transition: border-bottom-color 0.2s ease, color 0.2s ease;
}

.wishes-learn-more:hover {
  color: #125a94;
  border-bottom-color: #1AADDB;
}

/* Responsive container and iframe for Disney booking widgets */
.iframe-container {
  width: 100%;
  padding: 0 8px;
}

.responsive-iframe {
  width: 100%;
  height: 80vh;
  min-height: 500px;
  border: none;
  display: block;
}