.content-area
{
	width:100%;
	display:flex;
	justify-content:center;
}

.site-main
{
	width:1260px;
	padding:20px;
	overflow:hidden;
}

@media (max-width:767px)
{
	padding:10px;
}

.site-main h1
{
	padding: 150px 20px 100px 20px;
    text-align: center;
    font-family: Libre Baskerville;
    color: #3a3845;
    font-size: 32px;
    font-weight: 700;
}

@media (max-width:767px)
{
	.site-main h1
	{
		padding: 150px 20px 100px 20px;
		text-align: center;
		font-family: Libre Baskerville;
		color: #3a3845;
		font-size: 25px;
		font-weight: 700;
	}
}

.site-main a
{
	color:#806065;
	font-weight:600;
	text-decoration:none;
}

#customer_login
{
	display:flex;
	flex-wrap:wrap;
}

#customer_login .col-1
{
	width:50%;
}

#customer_login .col-2
{
	width:50%;
}

@media (max-width:767px)
{
	#customer_login .col-1
	{
		width:100%;
	}

	#customer_login .col-2
	{
		width:100%;
	}
}

.site-main .woocommerce
{
	display:flex;
	flex-wrap:wrap;
	
}

.site-main .woocommerce .woocommerce-MyAccount-navigation 
{
    width:30%;
}



.site-main .woocommerce .woocommerce-MyAccount-navigation ul
{
    padding:0px;
}

.site-main .woocommerce .woocommerce-MyAccount-content 
{
    width:calc(70% - 40px);
	padding:20px;
}

@media (max-width:767px)
{
	.site-main .woocommerce .woocommerce-MyAccount-navigation 
	{
		width:100%;
	}
	
	.site-main .woocommerce .woocommerce-MyAccount-content 
	{
		width:100%;
		padding:20px;
	}
}

.woocommerce-MyAccount-navigation li
{
    background-color: #f0f0f0;
    border-radius: 99px;
    margin: 10px;
	display:flex;
}

.woocommerce-MyAccount-navigation li a
{
	padding: 10px 20px;
	width:100%;
	background-image:url('https://naclick.pl/wp-content/uploads/2024/07/arrow-to-right.svg');
	background-repeat: no-repeat;
    background-size: 15px;
    background-position-x: 95%;
    background-position-y: 50%;
	transition: border 0.2s, background-image 0.2s;
	border-radius:99px;
	border: 1px solid transparent;
}

.woocommerce-MyAccount-navigation a:hover
{
	border: 1px solid #ffc0cb;
	background-image:url('https://naclick.pl/wp-content/uploads/2024/07/arrow-to-right-active.svg');
}

.woocommerce-MyAccount-navigation .is-active a
{
	border: 1px solid #ffc0cb;
	background-image:url('https://naclick.pl/wp-content/uploads/2024/07/arrow-to-right-active.svg');
}


/* Style dla formularzy woocommerce */

/* Ogólny styl dla formularzy */
.woocommerce form {
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
    margin: auto;
    padding: 20px;
}

/* Styl dla etykiet */
.woocommerce form label {
    font-weight: 400;
    margin-bottom: 5px;
    color: #333;
}

/* Styl dla pól tekstowych */
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"],
.woocommerce form input[type="tel"],
.woocommerce form textarea {
    width: 100%;
    padding: 13px;
    border: none;
    border-radius: 5px;
    background-color: #efefef;
    box-sizing: border-box;
    font-size: 16px;
    color: #333;
    transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* Efekt focus dla pól tekstowych */
.woocommerce form input[type="text"]:focus,
.woocommerce form input[type="email"]:focus,
.woocommerce form input[type="password"]:focus,
.woocommerce form input[type="tel"]:focus,
.woocommerce form textarea:focus {
    border-color: #007cba;
    box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);
    outline: none;
}

/* Styl dla przycisków */
.woocommerce form button,
.woocommerce form input[type="submit"] {
    padding: 12px 20px !important;
    background-color: #806065 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
}

/* Efekt hover dla przycisków */
.woocommerce form button:hover,
.woocommerce form input[type="submit"]:hover {
    box-shadow: 0 8px 39px rgba(0, 0, 0, 0.3) !important;
}

/* Styl dla linków w formularzach */
.woocommerce form a {
    color: #007cba;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.woocommerce form a:hover {
    color: #005a87;
}

/* Styl dla checkboxów i radio buttons */
.woocommerce form input[type="checkbox"],
.woocommerce form input[type="radio"] {
    margin-right: 10px;
}

fieldset
{
	border:none;
	padding: 0px;
}

fieldset legend
{
	padding: 15px 0px 0px 0px;
}