/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.0
 Text Domain:  bricks
*/


.woocommerce-MyAccount-navigation{
	margin-top:40px;
	margin-bottom:40px;
}



.woocommerce-MyAccount-navigation-link {
	border: 1px solid #6dd0fe;
	border-radius: 100px;
	color: var(--bricks-color-fzpkie);
	margin-top:20px;
	font-weight:300px;
}

.woocommerce-MyAccount-navigation-link is-active{
	background-color: #6dd0fe;
	color:#fff;
	font-weight:300px;
}

.woocommerce-MyAccount-navigation-link.is-active {
    background-color: #6dd0fe; 
    color: #fff; 
}

.woocommerce-Button{
	border-radius:100px;
}

.wc-forward {
	border-radius:100px;
}

.bottom-border-accent {
  border-bottom: 5px solid rgba(3, 169, 244, 1)!important;
}

.corner-dots-fluency {
  color: #03a9f4;
  padding: 6px 16px; /* Slightly larger padding to match bigger dots */
  border: 2px solid #03a9f4;
  border-radius: 4px;
  background: transparent;
  position: relative;
  display: inline-block;
}

/* Bigger corner dots (8px) */
.corner-dots-fluency::before,
.corner-dots-fluency::after,
.corner-dots-fluency .dot-bottom-left,
.corner-dots-fluency .dot-bottom-right {
  content: "";
  position: absolute;
  width: 8px;  /* Bigger dots */
  height: 8px; /* Bigger dots */
  background: #03a9f4;
  border-radius: 50%;
}

/* Positioning the dots */
.corner-dots-fluency::before { top: -4px; left: -4px; } /* Top-left */
.corner-dots-fluency::after { top: -4px; right: -4px; } /* Top-right */
.corner-dots-fluency .dot-bottom-left { bottom: -4px; left: -4px; } /* Bottom-left */
.corner-dots-fluency .dot-bottom-right { bottom: -4px; right: -4px; } /* Bottom-right */