/*
 Theme Name:   rEADesign
 Theme URI:    https://ead.se
 Description:  Child Theme
 Author:       EAD
 Author URI:   https://ead.se
 Template:     generatepress
 Version:      0.1
*/

/* Menu */
.menu-item .description {display: block;line-height: initial;padding-bottom: 1em;margin-top: -1em;}
.main-navigation li {width: 130px;}
.menu-item .description {font-size: 0.8rem;font-weight: normal;}
.main-navigation .main-nav>ul {align-content: flex-start;align-items: flex-start;column-gap: 15px;}
.main-navigation .main-nav ul li a {padding-left: 0;padding-right: 0;}
.main-navigation.sticky-navigation-transition .main-nav > ul > li > a {line-height:45px;}

@media (min-width:768px){.sticky-enabled .main-navigation.is_stuck .menu-item .description {display: none;}
}
@media (max-width:767px){.main-navigation .main-nav ul li a {padding-left: 50px;}
#mobile-header.toggled .main-nav > ul {box-shadow: 0 18px 15px #00000044;padding-bottom:30px;}
}
.menu-item.gbp-button--primary, .menu-item.gbp-button--primary a {
    color: white !important;
    text-align: center !important;
    justify-content: center !important;
}

/* Woo Checkout */
/* Använd Grid för att skapa två kolumner (knapp + text) */
#billing_buyer_type_field .woocommerce-input-wrapper {
    display: grid !important;
    grid-template-columns: auto 1fr; /* Kolumn 1 anpassas efter knappen, kolumn 2 tar resten */
    align-items: center;             /* Centrerar knappen vertikalt mot textraden */
    gap: 12px 10px;                  /* 12px mellan raderna, 10px mellan knapp och text */
}

/* Ta bort eventuella block-inställningar som tvingar radbyte */
#billing_buyer_type_field label.radio {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
}

/* Se till att knapparna inte har skumma marginaler */
#billing_buyer_type_field input[type="radio"] {
    margin: 0 !important;
    cursor: pointer;
    width: 18px !important;  /* Valfritt: sätter en fast storlek på knappen */
    height: 18px !important;
}

/* Header - mobil */
.navigation-branding img, .site-logo.mobile-header-logo img {height: 80px !important;}

/* Contact section  */
.korkort-contact-section {
    padding: 80px 20px !important;
    background-color: #F9F4F6 !important;
}

.step-icon {
    background-color: #E8C6D1 !important;
    color: #fff !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 15px;
}

.submit-button-pink {
    background-color: #E8C6D1 !important;
    color: white !important;
    border-radius: 50px !important;
    padding: 15px 30px !important;
    border: none !important;
    cursor: pointer;
    font-weight: bold;
    width: 100%;
}

.gb-element-40756da4 {
    background-attachment: scroll !important;
}

@media (max-width: 768px) {
    .inside-navigation.grid-container.grid-parent {
        padding: 0 !important;
        margin: 0 !important;
    }
}

/* FOOTER WIDGETS */
.footer-widgets .widget {margin-bottom: 20px;}
.footer-widgets .gb-shape {margin-top: 3px;}

/* CRED */
#cred, #cred a{color:rgba(255,255,255,0.3);font-size:10px;margin-top:40px;}
#cred a:hover{color:rgba(255,155,155,0.5);}