/*
 Theme Name:   Travel Agency Child
 Theme URI:    https://www.ibhanilfasafaris.com
 Description:  Child theme for Travel Agency to handle customizations safely
 Author:       Ibhanilfa
 Author URI:   https://www.ibhanilfasafaris.com
 Template:     travel-agency
 Version:      1.0.0
 Text Domain:  travel-agency-child
*/

/* Add WhatsApp chat style below*/
/* WhatsApp Button Style */
/*.whatsapp-chat {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #8B5E3C; / Warm wooden brown /
    color: #ffffff; / White text for contrast /
    padding: 12px 20px;
    border-radius: 50px;
    z-index: 9999;
    font-weight: bold;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 8px;
    animation: bounce 2s infinite;
    border: 2px solid #6F4E37; / Slightly darker wood for premium feel *]/
    box-shadow: 0px 4px 10px rgba(0,0,0,0.25); / Subtle shadow for depth /
    transition: all 0.3s ease-in-out; / Smooth hover effect /
}*/

/* Bounce Animation /
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-8px);
    }
    60% {
        transform: translateY(-4px);
    }
}

/ Optional: WhatsApp icon style /
.whatsapp-chat i {
    font-size: 20px;
}

/ Hover effect /
.whatsapp-chat:hover {
    background-color: #A9745A; / Slightly lighter wooden tone on hover /
    border-color: #8B5E3C;
    transform: translateY(-3px);
} */


/* GTranslate language switcher */



.header-top-bar {
    background-color: #fff; /* top bar stays white */
    padding: 5px 40px;
}

.header-top-bar select {
    background-color: #F7941D; /* primary warm amber */
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 4px 8px;
    cursor: pointer;
    font-weight: 500;
}

.header-top-bar select:hover {
    background-color: #D4AF37; /* gold hover */
}



/*Add Custom CSS to Override --primary-color */
:root {
    --primary-color: #F7941D; /* warm orange for mid-range & luxury safari */
     --tac-primary-color: #F7941D; /* Warm Amber for Mid-Range & Luxury Safari */
}


/*-------------------------------------
  COLOR SYSTEM: Ibhanilfa Brand Palette
--------------------------------------*/
/* ===============================
   IBHANILFA SAFARIS BRAND STYLING
   =============================== */
/* ================================
   Global Fonts & Typography
   ================================ */

/*--------------------------------------
  FONT STYLES FOR IBHANILFA SAFARIS
  Child Theme - Travel Agency
  International Appeal, Mid-Range & Luxury Safari
----------------------------------------*/

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@500;700&family=Playfair+Display:wght@400;700&display=swap');

/*--------------------------------------
  BODY TEXT
----------------------------------------*/
body, p, li, span, td {
    font-family: 'Lato', Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: # #ffffff; /* neutral dark gray for readability */
}

/*--------------------------------------
  HEADINGS (H1-H6)
----------------------------------------*/
h1, h2, h3, h4, h5, h6, .section-title, .widget-title {
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    color:  #ffffff; /* optional: primary dark green for headers, can override later */
}

/* H1 Example */
h1 {
    font-size: 48px;
}

/* H2 Example */
h2 {
    font-size: 36px;
}

/* H3 Example */
h3 {
    font-size: 28px;
}

/*--------------------------------------
  BUTTONS / CTA
----------------------------------------*/
.button, .btn, .header-t button, .btn-more, .btn-book-now {
    font-family: 'Montserrat', 'Lato', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/*--------------------------------------
  LUXURY ACCENTS (HERO BANNERS, DISCOUNTS, ICONS)
----------------------------------------*/
.hero-banner, .discount-holder, .price-holder, .luxury-label, .highlight {
    font-family: 'Playfair Display', 'Lato', serif;
    font-weight: 700;
    font-style: normal;
}

/*--------------------------------------
  NAVIGATION / MENU
----------------------------------------*/
.main-navigation a, .header-menu a {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 500;
}

/*--------------------------------------
  FOOTER
----------------------------------------*/
footer, .footer-widget, .footer-widget p, .footer-widget a {
    font-family: 'Lato', Arial, sans-serif;
    font-size: 14px;
    color: #ffffff;
}

/*--------------------------------------
  SPECIAL ACCENTS / ICON LABELS
----------------------------------------*/
.icon-label, .meta-info span, .price-holder span, .discount-holder span {
    font-family: 'Oswald', 'Lato', sans-serif;
    font-weight: 600;
}

/*--------------------------------------
  RESPONSIVE FONT SIZES
----------------------------------------*/
@media (max-width: 1200px) {
    h1 { font-size: 42px; }
    h2 { font-size: 32px; }
    h3 { font-size: 24px; }
}

@media (max-width: 768px) {
    h1 { font-size: 36px; }
    h2 { font-size: 28px; }
    h3 { font-size: 20px; }
    body, p, li { font-size: 15px; }
}

/*--------------------------------------
  OPTIONAL GLOBAL FONT SMOOTHING
----------------------------------------*/
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------
  FOOTER CSS
----------------------------------------*/
/* ==============================
   Ibhanilfa Footer – layout + styling
   ============================== */

/* ==============================
   Ibhanilfa Footer – layout + styling
   ============================== */

/* Ibhanilfa Footer – layout + styling
   ============================== */

/* CSS Variables */
:root {
  --primary-color: #f05a24;
  --luxury-accent: #d4af37;
}

/* Footer wrapper */
.ibhanilfa-footer {
  background: #ffffff;
  color: #222;
  padding: 40px 0 20px;
  font-family: "Lato", Arial, sans-serif;
}

/* Top 5-column grid */
.ibhanilfa-footer .ib-footer-top {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 32px !important;
  padding-bottom: 28px;
  border-top: 1px solid #e9e9e9;
  margin-top: 12px;
}

.ibhanilfa-footer .ib-footer-col h4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  margin-bottom: 14px;
  color: #111;
  font-size: 18px;
}

.ibhanilfa-footer .ib-footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ibhanilfa-footer .ib-footer-col ul li {
  margin-bottom: 12px;
}

.ibhanilfa-footer .ib-footer-col ul li a {
  color: #333;
  text-decoration: none;
  transition: color .18s ease;
}

.ibhanilfa-footer .ib-footer-col ul li a:hover {
  color: var(--primary-color);
}

/* Mid 4-column grid */
.ibhanilfa-footer .ib-footer-mid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 30px;
  margin-top: 32px;
  align-items: start;
}

/* Logo + Social */
.ibhanilfa-footer .logo-social .ib-footer-logo {
  max-width: 180px;
  height: auto;
  display: block;
  margin-bottom: 18px;
}

.ibhanilfa-footer .ib-socials {
  margin-top: 6px;
}
.ibhanilfa-footer .ib-socials .ib-social {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.06);
  margin-right: 8px;
  color: #222;
  text-decoration: none;
}
.ibhanilfa-footer .ib-socials .ib-social:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
}

/* Contact and Traveler Assistance */
.ibhanilfa-footer .contact p,
.ibhanilfa-footer .traveler p {
  margin: 10px 0;
  color: #444;
  line-height: 1.5;
}
.ibhanilfa-footer .traveler .ib-email a {
  color: var(--primary-color);
  text-decoration: none;
}

/* Newsletter */
.ibhanilfa-footer .ib-news-input {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 8px;
}

.ibhanilfa-footer input[type="email"] {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
}

.ibhanilfa-footer .ib-news-btn {
  background: var(--luxury-accent);
  color: #fff;
  padding: 10px 16px;
  border-radius: 6px;
  border: none;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}

.ibhanilfa-footer .ib-news-btn:hover {
  background: var(--primary-color);
}

/* Search box */
.ibhanilfa-footer .ib-footer-search .search-field {
  border: 1px solid #eee;
  padding: 10px 14px;
  border-radius: 24px;
  width: 100%;
}

/* COPYRIGHT LINE */
.ibhanilfa-footer .ib-footer-copy {
  margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid #eee;
  text-align: center;
}
.ibhanilfa-footer .ib-footer-copy p {
  margin: 0;
  color: #666;
  font-size: 14px;
}
.ibhanilfa-footer .ib-footer-copy p a {
  color: var(--primary-color);
  text-decoration: none;
}

/* Responsive */
@media (max-width: 1024px) {
  .ibhanilfa-footer .ib-footer-top { grid-template-columns: repeat(3, 1fr) !important; }
  .ibhanilfa-footer .ib-footer-mid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
  .ibhanilfa-footer .ib-footer-top { grid-template-columns: repeat(2, 1fr) !important; gap: 18px; }
  .ibhanilfa-footer .ib-footer-mid { grid-template-columns: 1fr !important; gap: 18px; }
  .ibhanilfa-footer .ib-footer-col h4 { font-size: 16px; }
  .ibhanilfa-footer .ib-news-input { flex-direction: column; align-items: stretch; }
  .ibhanilfa-footer .ib-news-btn { width: 100%; }
}

/* Container fix */
.ibhanilfa-footer .container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}