/*Importing Google fonts */
@import url('https://fonts.googleapis.com/css2?family=Miniver&family=Poppins:ital,wght@0,400;0,500,0,600;0,700;1,400&display=swap');
  

*{
    margin: 0;
    padding: 0;
    box-sizing: borde-box;
    font-family: "Poppins", sans-serif;
   
}
:root{
    
}

html {
   scroll-behavior: smooth;
}
/* stylings for whole site */
ul{
    list-style: none;
}
a {
    text-decoration: none;
}
button {
    cursor: pointer;
    border: none;
    background: none;
}
img {
    width: 100%;
    
}

.section-content {
    margin: 0 auto;
    padding: 0 80px;
    max-width: var(--site-max-width);
}

.section-title {
   text-align: center;
   padding: 60px 0 100px;
   text-transform: uppercase;
   font-size: var(--font-size-xl);
}

.section-title::after{
   content: "";
   width: 80px;
   height: 5px;
   display: block;
   margin: 10px auto 0;
   border-radius: var(--border-radius-s);
   background: orange;
}
/* navbar styling */

header{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 5;
    background: Darkblue;
}


header .navbar {
    display: flex;
    padding: 20px;
    align-items: center;
    justify-content: space-between;
}


.navbar .nav-logo .logo-text {
    color: gold;
    font-size: 900;
    font-weight: 900;
    font-family: bodoni;
    background: Darkblue ;
}
.navbar .nav-menu{
    display: flex;
    gap: 10px;
}

.navbar .nav-menu .nav-link {
    padding: 10px 20px;
    color: white;
    font-size: var(--font-size-m);	 
    border-radius: 10px; 
    transition: 0.3s ease;
}

.navbar.openSearch .navbar-links a{
   opacity: 0;
   pointer-events: none;
   transition: all 0.2s linear;
}
.navbar  .nabar-links a{
transition: all 0.2s linear;
}

.navbar .search-icon {
   color: white;
   font-size: 20px;
   cursor: pointer;
}

.navbar .search-box {
   position: absolute;
   right: 2rem;
   height: 45px;
   max-width: 555px;
   width: 50%;
   opacity: 0;
   pointer-events: none;
   transition: all 0.2s linear;
   top: 110%;
   border-radius: .5rem;
   overflow: hidden;
   display: flex;
   align-items: center;
}

.navbar.openSearch .search-box {
   opacity: 1;
   pointer-events: auto;
}
.search-box .search-icon {
   position: absolute;
   left: 1px;
   top: 50%;
   color: black;
   transform: translateY(-50%);
   padding: 0 1.5rem;
    
}
.search-box input {
   height: 100%;
   width: 100%;
   border: none;
   outline: none;
   border-radius: 6px;
   background-color: white;
   padding: 0 15px 0 45px;
   font-size: 1rem;
}


.navbar .nav-menu .nav-link:hover{
    color: purple;
    background: orange;
}

.navbar :where(#menu-close-button, #menu-open-button) {
   display: none;
}


/* recipes_styles.css */

 

.language-toggle-container {
    text-align: left;
    margin-bottom: 50px;
}

.language-toggle-button {
    background-color: #007bff;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s ease;
}

.language-toggle-button:hover {
    background-color: #0056b3;
}

.recipe-details-page {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.full-recipe-image {
    width: 50%;
    max-height: 50%;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 20px;
}
  .recipe-details-page h1 {
	  margin-bottom: 50px;
	  padding: 20px;
  }

.recipe-details-page h3 {
    color: #4CAF50;
    margin-top: 0;
    margin-bottom: 10px;
}

.recipe-details-page ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 15px; 
}

.recipe-details-page ul li {
    margin-bottom: 5px;
}

.recipe-details-page p {
    line-height: 1.6;
}

.telugu {
    display: none; /* Hidden by default */
}