/**
 * Theme Name:     Alfieri Home
 * Author:         Viralis Online
 * Template:       hello-elementor
 * Text Domain:	   alfieri-home
 * Description:    Site Realizat de Viralis Online
 * Theme URI:      https://viralis.ro
 * Author URI:     https://viralis.ro
 * Version:        1.1
 */

/*Efect underline H4*/
h4 a {
  display: inline-block;
  position: relative;
  color: #0087ca;
  text-decoration: none;
}

h4 a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  border-radius: 5px;
  height: 0.05em;
  bottom: 0;
  left: 0;
  background: currentcolor;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

h4 a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


/*Stilizare galerie produse in product single*/
.woocommerce-product-gallery {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex-direction: row-reverse;
}

.flex-control-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 100px;
}

.flex-control-nav li {
    list-style: none;
}

.flex-control-nav li img {
    width: 100%;
    cursor: pointer;
    transition: opacity 0.3s;
}

.flex-control-nav li img:hover {
    opacity: 0.8;
}

.flex-viewport {
   	width: 100%;
    max-width: 100%;
    position: relative;
}

.flex-viewport img {
    width: 100%;
    height: auto;
    display: block;
}

.woocommerce-product-gallery__image {
    margin-bottom: 10px;
    cursor: pointer;
    transition: transform 0.3s;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    width: 100%;
}

/* DESKTOP */
.woocommerce .flex-control-thumbs {
    width: 100% !important; 
	display: flex;
}

ol.flex-control-nav.flex-control-thumbs li {
	width: 100% !important; 
}


/*Stilizare product tabs in accordion in product page*/
.wc-tabs-wrapper {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	animation
}

.wc-tabs-wrapper details summary {
	padding: 1rem;
	background-color: transparent;
	border: 1px solid rgba(211, 211, 211, 0.65);
	display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
	font-family: 'Futura', sans-serif;
	font-size: 0.785rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.woocommerce-tabs details summary::marker {
    display: none; 
}

.woocommerce-tabs details summary::after {
    content: '▼'; 
    color: black; 
    font-size: 0.8em; 
    margin-left: auto;
}

.woocommerce-tabs details[open] summary::after {
    content: '▲'; 
}