/*
Theme Name: Translation Service Child
Theme URI: https://www.vwthemes.com/products/translation-service-child
Description: The Translation Service theme is carefully crafted for businesses, agencies, freelancers, translators, language schools, linguists, content writers, interpreters, and localization experts who want to establish a strong international presence by reaching customers in multiple languages. Built with seamless multilingual compatibility, it ensures that every part of your site can be translated easily and accurately, allowing you to communicate with global audiences without barriers. The theme integrates smoothly with popular plugins like Polylang and WPML, making it possible to translate pages, posts, menus, widgets, and dynamic elements quickly and efficiently. You can choose between automated translation options for speed or connect with professional translation providers for precise, culturally appropriate results. Its fully responsive design guarantees that your website remains attractive, user-friendly, and high-performing across desktops, tablets, and mobile devices, regardless of the language being used. Businesses aiming to grow internationally will benefit from the theme’s ability to support multilingual content, creating trust, accessibility, and engagement with customers worldwide. Every detail of this theme is optimized for performance, providing fast loading speeds, clean navigation, and customizable layouts, while fully supporting translation workflows to keep your messaging consistent across all languages. Suitable for e-commerce stores, corporate websites, blogs, creative portfolios, and service-based businesses, this theme is a complete solution for anyone looking to expand their digital reach. By combining elegant design with powerful translation functionality, it allows you to connect authentically with diverse audiences, break down communication barriers, and deliver impactful content globally, making it the perfect choice for international success. https://www.vwthemes.net/translation-service-pro/
Author: VWThemes
Author URI: https://www.vwthemes.com/
Template:translation-service
Version: 1.2
*/
/* Add your custom styles here */

/* Helvetica Neue Light */
@font-face {
  font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeue/HelveticaNeueLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/* Helvetica Neue Light Italic */
@font-face {
  font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeue/HelveticaNeueLightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Helvetica Neue Regular */
@font-face {
  font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeue/HelveticaNeueMedium.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Helvetica Neue Italic */
@font-face {
  font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeue/HelveticaNeueItalic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Helvetica Neue Bold */
@font-face {
  font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeue/HelveticaNeueBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Helvetica Neue Bold Italic */
@font-face {
  font-family: 'HelveticaNeue';
  src: url('fonts/HelveticaNeue/HelveticaNeueBoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* Apply site-wide */
body {
  font-family: 'HelveticaNeue', Arial, sans-serif;
}

/* === Typography mapping to theme.json presets === */
h1,h2,h3,h4,h5,h6 {
  color: #000;
}
/* Body text (paragraphs, list items) */
body, p, li, .entry-content, .product-description, .woocommerce‑product-details__short-description {
  font-size: var(--wp--preset--font-size--body) !important;
  line-height: 1.6 !important;
}

/* H1 — Main Title */
h1, .entry-title, .product_title {
  font-size: var(--wp--preset--font-size--main-title) !important;
  line-height: 1.4 !important;
  font-weight: 500;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
}

/* H2 — Section/Subtitles */
h2, .entry-content h2, .product-details h2 {
  font-size: var(--wp--preset--font-size--content-heading) !important;
  line-height: 1.4 !important;
  font-weight: 400;
  margin-top: 1.2em;
  margin-bottom: 0.6em;
}

/* H3 — Smaller headings / subsections */
h3, .entry-content h3, .product-details h3 {
  font-size: var(--wp--preset--font-size--subtitle) !important;
  line-height: 1.4 !important;
  font-weight: 400;
  margin-top: 1.2em;
  margin-bottom: 0.6em;
}

/* Optional H4-H6 if used */
h4 {
  font-size: var(--wp--preset--font-size--body) !important;
  line-height: 1.4 !important;
  margin-top: 1em;
  margin-bottom: 0.5em;
}

/* Lists spacing */
ul, ol {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

ul li, ol li {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

span.woocommerce-Price-amount.amount{
  color: #ff3131 !important;
  font-size: 1.8rem;
}

.woocommerce h3 a {
	color: #000 !important;
	font-size: 16px;
}

.has-shadow-dark, .has-no-hover-shadow-dark {
  padding: 30px !important
}

.wp-block-post-title a {
 color: #000000 !important
}

h2.wc-block-components-title.wc-block-components-express-payment__title {
	color: #000000 !important
}

.wp-element-button:hover {
	background: #000;
    color: #fff !important;
}

/* HEADER STYLE - MOBILE RESPONSIVE */
/* Base header layout */
/* =========================
   Base header layout
========================= */
.main-header-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 18px;
  background: var(--wp--preset--color--heading-color);
}

/* Logo, nav, icons sizing */
.main-header-section .header-logo { flex: 0 0 auto; display: block; max-width: 100%; }
.main-header-section .top-menus { flex: 1 1 auto; display: flex; justify-content: center; }
.main-header-section .header-icons { flex: 0 0 auto; display: flex; align-items: center; gap: 14px; }

/* Make the img scale with its container */
.main-header-section .header-logo img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 60px;
  display: block;
}

/* =========================
   Search box (desktop)
========================= */
.search-desktop {
  max-width: 280px;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 25px !important;
  overflow: hidden;
  transition: all 0.3s ease;
}

.search-desktop input[type="search"] {
  padding: 8px 14px;
  font-size: 14px;
  border: none;
  outline: none;
  background: #fff;
  color: #333;
  border-radius: 25px 0 0 25px;
}

.search-desktop button {
  border-radius: 0 25px 25px 0;
  background: var(--wp--preset--color--primary) !important;
  color: var(--wp--preset--color--background) !important;
  padding: 0 16px;
  transition: background 0.3s ease;
}
.search-desktop button:hover {
  background: #333 !important;
}

/* =========================
   Search icon button (mobile)
========================= */
/* =========================
   Search Icon (clean style)
========================= */
.search-mobile-btn .wp-block-button__link {
  background: none !important;
  border: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  color: #000 !important;
  font-size: 22px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s ease;
}

.search-mobile-btn .wp-block-button__link:hover {
  color: var(--wp--preset--color--primary) !important;  /* subtle hover */
}

/* =========================
   Account & Cart Icons
========================= */
.my-account-icon .wc-block-customer-account__account-icon,
.header-cart a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--background) !important;
  transition: background 0.3s ease, transform 0.2s ease;
}
.my-account-icon .wc-block-customer-account__account-icon:hover,
.header-cart a:hover {
  background: #333;
  transform: scale(1.05);
}

/* =========================
   Hamburger Menu
========================= */
.main-header-section .wp-block-navigation__responsive-container-open {
  background: none !important;   /* remove background */
  border: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  font-size: 24px;               /* bigger, clearer */
  color: #000 !important;        /* pure black icon */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

.main-header-section .wp-block-navigation__responsive-container-open:hover {
  background: #333;
  transform: rotate(5deg) scale(1.05);
}

/* =========================
   Responsive behavior
========================= */
@media (max-width: 1000px) {
  /* Hide desktop search bar */
  .search-desktop { display: none !important; }

  /* Show mobile search icon */
  .search-mobile-btn { display: inline-flex !important; }

  /* Align nav left when collapsed */
  .main-header-section .top-menus { justify-content: flex-start; }

  /* Reduce icon gaps */
  .header-icons { gap: 10px; }

  /* Hide cart text labels */
  .header-cart .wc-block-cart-link__label,
  .header-cart .components-button__label {
    display: none !important;
  }
}

@media (min-width: 1001px) {
  /* Desktop: show search input, hide search icon */
  .search-desktop { display: block !important; }
  .search-mobile-btn { display: none !important; }
  .main-header-section .wp-block-navigation__responsive-container-open{ display: none !important; }
}

@media (max-width: 768px) {
  .main-header-section .header-logo img {
    max-height: 48px;
  }
}

@media (max-width: 480px) {
  .main-header-section .header-logo img {
    max-height: 36px;
  }
}


/* END - HEADER STYLE MOBILE RESPONSIVE */

/* FOOTER STYLE */
/* Footer Section */
.footer-section {
  padding: 40px 0;
}

.footer-section .wp-block-columns {
  gap: 20px;
  align-items: flex-start;
}

.footer-section .footer-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-section .footer-box ul li {
  margin-bottom: 10px;
}

.footer-section .footer-box ul li a {
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-section .footer-box ul li a:hover {
  opacity: 0.8;
}

/* Payment logos row */
.footer-section .footer-box .wp-block-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 10px;
}

.footer-section .footer-box .wp-block-image img {
  height: 28px;
  width: auto;
}

/* Copyright Section */
.footer-section .copyright-section {
  margin-top: 25px;
  padding-top: 15px;
  font-size: 14px;
  text-align: center;
  flex-wrap: wrap;
}

/* Social icons */
.footer-section .wp-block-social-links {
  justify-content: center;
  margin-bottom: 20px;
}

/* Responsive */
@media (max-width: 768px) {
  .footer-section .wp-block-columns {
    flex-direction: column;
  }

  .footer-section .footer-box {
    flex-basis: 100% !important;
    text-align: center;
  }

  .footer-section .footer-box ul li {
    display: inline-block;
    margin: 0 10px 10px;
  }

  .footer-section .footer-box .wp-block-group {
    justify-content: center;
  }

  .footer-section .copyright-section {
    flex-direction: column;
    gap: 10px;
  }
}


/* END - FOOTER STYLE */

/* Styles for WooCommerce Photo Image Gallery Block */
/* ------------------------------------------
   FIX WooCommerce product gallery layout
   Custom 3-columns asymmetric layout
   ------------------------------------------ */

.woocommerce .wp-block-woocommerce-product-image-gallery {
    max-width: none !important;
    width: 90% !important;
    clear: both !important;
}

.woocommerce div.product div.images {
    float: none !important;
    width: 100% !important;
}

/* Desktop / Tablet layout */
.custom-product-gallery .custom-gallery-wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr; /* 50%, 25%, 25% */
  gap: 10px;
  grid-auto-rows: 1fr;
  max-height: 600px;
  overflow: hidden;
}

/* First image = main large image (left side, full height) */
.custom-product-gallery .custom-gallery-item:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
}

.custom-product-gallery .custom-gallery-item:nth-child(1) img {
  width: 100%;
  height: 100% !important;
  object-fit: cover;
}

/* Second image = middle column, full height */
.custom-product-gallery .custom-gallery-item:nth-child(2) {
  grid-column: 2;
  grid-row: 1 / span 2;
}

.custom-product-gallery .custom-gallery-item:nth-child(2) img {
  width: auto;
  height: 100% !important;
  object-fit: cover;
}

/* Third image = right column */
.custom-product-gallery .custom-gallery-item:nth-child(3) {
  grid-column: 3;
  grid-row: 1 / span 2; /* default = full height */
}

/* If there is a 4th image, split the right column */
.custom-product-gallery .custom-gallery-item:nth-child(3):nth-last-child(2),
.custom-product-gallery .custom-gallery-item:nth-child(4):last-child {
  grid-row: auto; /* reset */
}

.custom-product-gallery .custom-gallery-item:nth-child(3):nth-last-child(2) {
  grid-row: 1; /* top half */
}

.custom-product-gallery .custom-gallery-item:nth-child(4):last-child {
  grid-column: 3;
  grid-row: 2; /* bottom half */
}

.custom-product-gallery .custom-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Mobile: horizontal carousel */
@media (max-width: 768px) {
  .custom-product-gallery .custom-gallery-wrapper {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
	max-height: none;
  }

  .custom-product-gallery .custom-gallery-item {
    flex: 0 0 100%;
    scroll-snap-align: center;
  }
	
  .custom-product-gallery .custom-gallery-item img {
    height: auto;
    object-fit: contain;
  }
}

/* END - Styles for WooCommerce Photo Image Gallery Block */

/* Product Section styling */
.product-section {
  margin-top: 1.2rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #eee;
}
.product-section h3 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  color: #000;
}
.product-section ul {
  padding-left: 1.2rem;
  margin: 0;
}
.product-section ul li {
  margin-bottom: 0.25rem;
}

.product-section div {
 margin-top: 1rem;
}

/* End Product Section styling */

/* Product Price Style */
.woocommerce .custom-price-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin: 10px 0;
}

/* Product List Page */
.product-card .custom-price-block {
	display: block;
}

/* First row: From */
span.price-prefix, .woocommerce .custom-price-block .price-prefix {
    font-size: 0.9rem;
    font-weight: 400;
    color: #666;
	margin-bottom: -0.8rem;
}

/* Second row: Price */
span.price-amount, .woocommerce .custom-price-block .price-amount {
    font-size: 1.8rem;
    font-weight: 700;
    color: #c00;
    line-height: 1.2;
}

/* Third row: Suffix */
span.price-suffix, .woocommerce .custom-price-block .price-suffix {
    font-size: 0.85rem;
    font-weight: 400;
    color: #777;
}

/* END -- Product Price Style */

div#bkap-booking-form {
	padding: 0;
	border: none;
}

div#bkap_start_date {
  padding-left: 8px;
}

/* Start - Homepage - Icon Block  */
/*   .asita-why-book{ padding:56px 16px; background:transparent; } */
/*   .asita-why-book__title{ margin:0 0 28px; font-weight:600; font-size:1.6rem; text-align:center; } */
  .asita-why-book__columns{ gap:32px; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:center; }
  .asita-why-book__col{ box-sizing:border-box; padding:0 14px; flex:1 1 240px; max-width:25%; display:flex; flex-direction:column; align-items:center; }
/*   .asita-why-book__item-title{ margin:12px 0 8px; font-weight:600; font-size:1rem; text-align:center; } */
  .asita-why-book__desc{ margin:0; color:#666; max-width:320px; text-align:center; line-height:1.5; }
  /* small helper to ensure UAG icon circle sits nicely */
  .asita-why-book .uagb-icon__wrap{ display:flex; align-items:center; justify-content:center; margin-bottom:14px; }
  @media (max-width:900px){
    .asita-why-book__col{ max-width:50%; }
  }
  @media (max-width:480px){
    .asita-why-book__col{ max-width:100%; }
    .asita-why-book{ padding-left:12px; padding-right:12px; }
  }

/* END - Homepage - Icon Block  */

a:focus-visible, a:focus {
 outline: none
}

.search .wp-block-search .wp-block-search__button:hover{
  background-color: #000 !important;
}

legend,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details, section.woocommerce-customer-details,
.woocommerce-account .woocommerce-MyAccount-content,
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table,
table.bkap-cancel-booking-table.shop_table.shop_table_responsive,
.wc-block-grid__product-title {
	color: #000;
}
.woocommerce-MyAccount-content a {
	color: #000;
}
.woocommerce a.button:hover {
	color: #fff;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    margin: 1em 0;
}

.woocommerce-privacy-policy-text a, .woocommerce-privacy-policy-text p, .woocommerce form .form-row label a {
    color: #000;
}

p.form-submit.wp-block-button input.wp-block-button__link.wp-element-button:hover {
	background-color: var(--wp--preset--color--primary)
}

div.col-right-sidebar p.tool-tip-text {
    font-size: 12px !important;
}
#booking-metabox .tbl-mod-1 .tm1-row .col-right {
    border: none;
    margin: 0px;
}