/* eBeaconsofts site polish: motion, hover states, contact form styling. */

html { scroll-behavior: smooth; scroll-padding-top: 96px; }

.elementor .e-con.e-child { transition: transform .25s ease, border-color .25s ease; }
.elementor .e-con.e-child:hover { transform: translateY(-3px); }

.elementor-button { transition: background-color .18s ease, color .18s ease, transform .18s ease; }
.elementor-button:hover { transform: translateY(-2px); }
.elementor-button:active { transform: translateY(0); }
.elementor-button:focus-visible { outline: 3px solid #9F6A00; outline-offset: 3px; }

.elementor-widget-text-editor a { transition: opacity .18s ease; }
.elementor-widget-text-editor a:hover { opacity: .75; }

.hostinger-ai-site-navigation .wp-block-navigation-item__content { position: relative; transition: color .18s ease; }
.hostinger-ai-site-navigation .wp-block-navigation-item__content:after { content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background-color: #9F6A00; transform: scaleX(0); transform-origin: left center; transition: transform .2s ease; }
.hostinger-ai-site-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content:after { transform: scaleX(1); }

.hts-contact-form label { font-family: Lato, sans-serif; font-weight: 700; color: #0B2545; display: block; margin-bottom: 6px; }
.hts-contact-form input, .hts-contact-form textarea { width: 100%; padding: 14px 16px; margin-bottom: 18px; border: 1px solid #8F959F; border-radius: 4px; background-color: #FFFFFF; font-family: Lato, sans-serif; font-size: 1rem; color: #0D141A; transition: border-color .18s ease; }
.hts-contact-form input:focus, .hts-contact-form textarea:focus { border-color: #9F6A00; outline: none; }
.hts-contact-form textarea { min-height: 140px; }
.hts-contact-form button { background-color: #9F6A00; color: #FFFFFF; border: none; border-radius: 4px; padding: 16px 32px; font-family: Lato, sans-serif; font-weight: 700; font-size: 1rem; cursor: pointer; transition: background-color .18s ease, transform .18s ease; }
.hts-contact-form button:hover { background-color: #0B2545; transform: translateY(-2px); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *:before, *:after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .elementor-invisible { visibility: visible !important; opacity: 1 !important; }
  .elementor-button:hover, .elementor .e-con.e-child:hover { transform: none; }
}

@media print { .elementor-invisible { visibility: visible !important; } }

/* ---- Header navigation: keep it on one line at desktop ---- */
@media (min-width: 782px) {
  .hostinger-ai-menu-wrapper { align-items: center; }
  .hostinger-ai-site-navigation.wp-block-navigation > .wp-block-navigation__container,
  .hostinger-ai-site-navigation .wp-block-navigation__container { flex-wrap: nowrap !important; }
  .hostinger-ai-site-navigation .wp-block-navigation__submenu-container { flex-wrap: nowrap !important; }
  .hostinger-ai-site-navigation .wp-block-navigation-item__label { white-space: nowrap; }
  .hostinger-ai-site-title { line-height: 1.15; }
}

/* Gold underline only on top level items, never inside a dropdown */
.hostinger-ai-site-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:after { display: none; }
.hostinger-ai-footer-navigation .wp-block-navigation-item__content:after { display: none; }

/* Dropdown panel styling */
.hostinger-ai-site-navigation .wp-block-navigation__submenu-container { background-color: #FFFFFF; border: 1px solid #E2E7ED; border-radius: 4px; padding: 8px 0; min-width: 230px; }
.hostinger-ai-site-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content { color: #0B2545 !important; padding: 10px 18px; }
.hostinger-ai-site-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { color: #9F6A00 !important; }

/* ---- Pricing comparison table ---- */
.ebs-table-wrap { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid #E2E7ED; border-radius: 4px; background: #FFFFFF; }
.ebs-table { width: 100%; border-collapse: collapse; font-family: Lato, sans-serif; font-size: 1rem; color: #0D141A; min-width: 660px; }
.ebs-table th, .ebs-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid #E2E7ED; vertical-align: middle; }
.ebs-table thead th { background: #0B2545; color: #FFFFFF; font-family: Roboto, sans-serif; font-weight: 700; font-size: 1.0625rem; border-bottom: none; }
.ebs-table thead th:first-child { width: 46%; }
.ebs-table th.ebs-tier, .ebs-table td.ebs-cell { text-align: center; width: 18%; }
.ebs-table tr.ebs-group td { background: #F2F5F8; font-family: Roboto, sans-serif; font-weight: 700; color: #0B2545; font-size: .9375rem; }
.ebs-table tr.ebs-headline td { font-family: Roboto, sans-serif; font-weight: 700; color: #0B2545; }
.ebs-table td.ebs-price { font-family: Roboto, sans-serif; font-weight: 700; font-size: 1.25rem; color: #0D141A; text-align: center; }
.ebs-yes { color: #9F6A00; font-weight: 700; font-size: 1.125rem; }
.ebs-no { color: #C3CAD3; font-weight: 700; }
.ebs-table tbody tr:hover td { background: #FAFBFC; }
.ebs-table tbody tr.ebs-group:hover td { background: #F2F5F8; }
@media (max-width: 640px) { .ebs-table th, .ebs-table td { padding: 12px 14px; font-size: .9375rem; } }

/* ---- Footer ---- */
footer .wp-block-columns.alignwide { gap: 48px; }
footer a { transition: color .18s ease; }
footer .wp-block-column a:hover { color: #9F6A00 !important; }
footer .wp-block-social-links .wp-block-social-link { transition: transform .18s ease, opacity .18s ease; }
footer .wp-block-social-links .wp-block-social-link:hover { transform: translateY(-2px); opacity: .8; }
@media (max-width: 781px) {
  footer .wp-block-columns.alignwide { gap: 36px; }
  footer .wp-block-group.alignwide { row-gap: 8px; }
}
@media (prefers-reduced-motion: reduce) { footer .wp-block-social-links .wp-block-social-link:hover { transform: none; } }
