/*
 Theme Name:     Lanaco (Divi child)
 Theme URI:      https://www.lanaco.com
 Description:    Custom theme based on the Divi theme
 Author:         LANACO
 Author URI:     https://www.lanaco.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

body {
    font-weight: 400;
}
a:focus, a:hover {
	color: #E63946;
}

* Main navigation links */
.main-navigation a,
.nav-menu a,
.primary-menu a,
#site-navigation a {
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease;
}

.main-navigation a::after,
.nav-menu a::after,
.primary-menu a::after,
#site-navigation a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: currentColor;
    transition: all 0.3s ease;
}

.main-navigation a:hover::after,
.nav-menu a:hover::after,
.primary-menu a:hover::after,
#site-navigation a:hover::after {
    width: 100%;
}

/* All other links in content */
a {
    position: relative;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease;
}

a::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease;
}

a:hover::after {
    width: 100%;
}

/* Exclude buttons and specific elements */
.button a,
a.button,
.wp-block-button__link,
.btn,
a.btn,
input[type="submit"],
button a {
    position: static;
}

.button a::after, a.button::after, .wp-block-button__link::after, .btn::after, a.btn::after, .et_pb_icon_wrap a:after, .et_pb_image a:after,
h1 a::after, h2 a::after, h3 a::after, h4 a::after {
    display: none;
}

/* Alternative: If you want the underline ONLY on hover (no initial border) */

a {
    position: relative;
    text-decoration: none;
    display: inline-block;
}

a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background-color: currentColor;
    transition: width 0.3s ease-in-out;
}

a:hover::after {
    width: 100%;
}