/* Basic styles for the navbar */
.navbar {
    -webkit-box-shadow: 0 4px 2px -2px gray;
            box-shadow: 0 4px 2px -2px gray;
}

.nav-link {
    font-weight: bold;
    color: #333;
}

.nav-link:hover {
    color: #007BFF;
}

.navbar-brand {
    font-size: 1.5rem;
    font-weight: bold;
}




/*frontpageFonts*/
.tangerine-regular {
  font-family: "Tangerine", cursive;
  font-weight: 400;
  font-style: normal;
}

.tangerine-bold {
  font-family: "Tangerine", cursive;
  font-weight: 700;
  font-style: normal;
}


.h2{font-size:100px !important;}
.yellow{color: #E9B947 !important;}
.white{color: #fff !important;}

/*mainMenu carousel and 3 levels menu*/
  /* Color of the links BEFORE scroll */
.navbar-scroll .nav-link,
.navbar-scroll .fa-bars,
.navbar-scroll .navar-brand {
  color: #4f4f4f;
}

.navbar-scroll .nav-link:hover {
  color: #1266f1;
}

/* Color of the links AFTER scroll */
.navbar-scrolled .nav-link,
.navbar-scrolled .fa-bars,
.navbar-scrolled .navar-brand {
  color: #4f4f4f;
}

/* Color of the navbar AFTER scroll */
.navbar-scroll,
.navbar-scrolled {
  background-color: #fff;
}

/* An optional height of the navbar AFTER scroll */
.navbar.navbar-scroll.navbar-scrolled {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* Carousel styling */
#introCarousel,
#introCarousel .carousel-inner,
#introCarousel .carousel-item,
#introCarousel .carousel-item.active {
  height: 100vh;
}

#introCarousel .carousel-item:nth-child(1) {
  background-image: url('https://mdbootstrap.com/img/Photos/new-templates/animal-shelter/img10.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#introCarousel .carousel-item:nth-child(2) {
  background-image: url('https://mdbootstrap.com/img/Photos/new-templates/animal-shelter/img16.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

#introCarousel .carousel-item:nth-child(3) {
  background-image: url('https://mdbootstrap.com/img/Photos/new-templates/animal-shelter/img3.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
  #introCarousel {
    margin-top: 158.59px;
  }

  #introCarousel,
  #introCarousel .carousel-inner,
  #introCarousel .carousel-item,
  #introCarousel .carousel-item.active {
    height: 50vh;
  }
}

.multi-carousel .multi-carousel-inner .multi-carousel-item img {
  max-height: 100%;
}

.font-small {
  font-size: 1rem;
}


/*submenu*/
.dropdown-menu li {
position: relative;
}
.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -7px;
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-menu > li:hover > .dropdown-submenu {
display: block;
}



  .white-form-input {
    background-color: white !important; /* Override default background color */
  }



/* ============================================================
   FLIPBOOKS.GR — Custom Styles
   ============================================================ */

/* Google Inter font as default body font */
body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Section padding utility */
.py-6 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

/* Footer link styles */
a.footer-link {
  text-decoration: none;
  color: rgba(255,255,255,0.6);
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
a.footer-link:hover {
  color: #ffffff !important;
}

/* Hero section gradient */
.hero-gradient {
  background: linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);
}

/* Flipbook card hover effect */
.flipbook-card {
  -webkit-transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  transition: transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;
}
.flipbook-card:hover {
  -webkit-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-box-shadow: 0 1rem 2rem rgba(0,0,0,0.12) !important;
          box-shadow: 0 1rem 2rem rgba(0,0,0,0.12) !important;
}

/* Category badge labels in Greek */
.badge-category-hotel       { background-color: #0d6efd; }
.badge-category-restaurant  { background-color: #fd7e14; }
.badge-category-real_estate { background-color: #198754; }
.badge-category-education   { background-color: #6f42c1; }
.badge-category-catalog     { background-color: #0dcaf0; }
.badge-category-other       { background-color: #6c757d; }

/* Pricing card highlight */
.pricing-featured {
  border-width: 2px !important;
  border-color: var(--bs-primary) !important;
}

/* Accordion custom style */
.accordion-button:not(.collapsed) {
  color: var(--bs-primary);
  background-color: #f0f7ff;
}
.accordion-button:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.25);
          box-shadow: 0 0 0 0.2rem rgba(13,110,253,0.25);
}

/* Form card sections */
.form-section-card {
  border: none;
  -webkit-box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.08);
          box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.08);
}

/* Sticky sidebar top offset */
.sticky-sidebar {
  position: sticky;
  top: 80px;
}

/* Cookie consent banner */
#cookieConsent {
  border-top: 1px solid rgba(255,255,255,0.1);
}

/* Trust badge row */
.trust-item i {
  color: var(--bs-primary);
}

/* Step cards */
.step-card {
  position: relative;
}
.step-card::after {
  content: '→';
  position: absolute;
  right: -1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--bs-primary);
  font-size: 1.5rem;
  font-weight: bold;
  opacity: 0.4;
}
@media (max-width: 767px) {
  .step-card::after { display: none; }
}

/* Responsive hero text */
@media (max-width: 991px) {
  .hero-gradient .display-4 { font-size: 2rem; }
}

/* nav active state */
.navbar .nav-link.active {
  color: var(--bs-primary) !important;
  font-weight: 600;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}
