/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

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

/* =Theme customization starts here
------------------------------------------------------- */

#et-info {
  float: right !important; 
}

.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, .et_button_no_icon.et_button_left .et_pb_button:hover, .et_button_no_icon .et_pb_button, .et_button_no_icon .et_pb_button:hover {
  padding: 14px 28px !important;
}
.et-social-twitter a.icon:before,
.et-social-x a.icon:before {
    content: "\e0a3"; /* YouTube */
}
#main-header{
	margin-top:-30px !important;
}
#logo{
	padding-top:8px;
	padding-bottom:8px;
}
.et-fixed-header #logo{
	padding-top:2px;
	padding-bottom:2px;
}
#et-main-area{
	margin-top:-30px !important;
}
.et_mobile_menu li a {
	text-transform: uppercase;
}

@media (max-width: 980px) {
  .et_header_style_left #logo {
    max-width: 80%;
	max-height: 80%;
	padding-top:0;
	  padding-bottom:0;
  }

}

#main-header .zapisy a, 
#et-top-navigation #top-menu li.zapisy > a {
    background-color: #fa2a20 !important; /* Kolor tła */
    color: #ffffff !important; /* Kolor tekstu */
    border-radius: 4px; /* Zaokrąglenie rogów (opcjonalnie) */
    padding: 10px 15px !important; /* Odstępy wewnątrz */
    margin-top: -10px; /* Wyrównanie w pionie (opcjonalnie) */
}

/* Kolor tekstu po najechaniu myszką */
#main-header .zapisy:hover > a {
    background-color: #fa2a20 !important;
    color: #ffffff !important;
}

/* Position the link and fix alignment on mobile */
@media only screen and (max-width: 980px) {
	.zapisy{
		display:none;
	}
    /* Style your custom link */
    a.custom-mobile-link {
        display: inline-block !important;
        color: #fff;       /* Change text color */
        font-size: 14px;      /* Change font size */
        font-weight: 400;
        text-decoration: none !important;
        margin-right: 12px;   /* Space between link and hamburger */
        vertical-align: middle;
        position: relative;
        z-index: 9999;
		background-color: #fa2a20;
		padding:5px;
    }

    /* Keep the hamburger icon normal and clickable */
    .mobile_menu_bar {
        display: inline-block !important;
        vertical-align: middle;
    }

    /* Force the dropdown menu to stay full width and readable */
    .et_mobile_menu {
        width: 100vw !important;
        left: 0 !important;
        right: 0 !important;
        box-sizing: border-box !important;
    }
}

/* Hide on desktop */
@media only screen and (min-width: 981px) {
    .custom-mobile-link {
        display: none !important;
    }
}