/*
Theme Name: Merto Child
Theme URI: https://demo.theme-sky.com/merto/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: merto
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: merto-child
*/

/* Import Figtree + Roboto Condensed from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Roboto+Condensed:wght@300;400;500;600;700&display=swap');

/* Root font settings */
html {
  font-size: 16px; /* Default root size */
}

body {
  font-family: 'Roboto Condensed', 'Helvetica Neue', Arial, sans-serif !important;
  font-size: 16px; /* Always consistent */
  line-height: 1.6; /* Comfortable readability */
  color: #222; /* Dark readable text */
  margin: 0;
  padding: 0;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Figtree', sans-serif !important;
  font-weight: 600;
  margin: 0 0 15px;
  line-height: 1.3;
}

/* Paragraphs */
p {
  font-size: 1rem; /* = 16px consistently */
  margin: 0 0 1em;
}



.header-social {
  display: inline-flex;
  align-items: center;
  margin-left: 15px;
   font-size: 2em;
}


.fa-facebook{
    font-size: 2em;
}

.header-social a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;          /* size of circle */
  height: 36px;
  background-color: #de1010;
  color: #fff;          /* icon color */
  border-radius: 50%;   /* makes it perfectly round */
  margin: 0 6px;        /* space between icons */
  font-size: 28px;      /* icon size inside */
  text-decoration: none;
  transition: background-color 0.3s, transform 0.3s;
 
}



.header-social a:hover {
  background-color: #b80c0c;  /* darker shade on hover */
  transform: scale(1.1);     /* slight zoom on hover */
}










/*Navbar In Middle */




/* Make the container a flex container to center the menu-wrapper */