/*
Theme Name: iCom Electro Child Theme
Theme URI: https://icomaccessorishop.it/
Description: Child theme di Electro per iComShop
Author: iCom
Template: electro
Version: 1.1.0
Text Domain: electro-child
*/

/* valutare */
/* div {text-align: justify;} */

/* Additional CSS per caricare le icone di pagamento nella visualizzazione mobile. */
@media (max-width: 768px){
	.copyright-bar .copyright {
    display: none;
	}
}
.departments-menu-v2 .departments-menu-v2-title+.dropdown-menu {
	display: none;
}

.departments-menu-v2 .dropdown.show-dropdown:hover > .dropdown-menu {
	display: block;
}

/*
===================================== 
INIZIO CLASSI ICOM CUSTOM (PAGINA SINGOLO PRODOTTO E TITOLI CARD PRODOTTI)
=====================================
*/

 /* NON RIMUOVERE */
.icom-custom-wrap p {
	display: none !important;
	visibility: hidden !important;
}
 /* NON RIMUOVERE */

/* Titolo Web */

/*
.icom-custom-product-card-title-label {
	color: #009945;
	padding-right: 8px
}

.icom-custom-product-card-title-label--standard {
	color: black;
	padding-right: 8px
}*/

.icom-custom-product-card-title-label {
	color: black;
	padding-right: 8px
}

.icom-custom-product-card-title{
  color: black;
}

/* Descrizione Web */

.icom-custom-wrap{
  font-family: Inter, sans-serif;
  color:#111827;
  font-size:17px;
}

.icom-custom-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:0.75em;
  margin-bottom:0.75em;
}

.icom-custom-badge{
	position: relative;
  display:inline-flex;
  align-items:center;
  gap:0.5em;
  padding:0.45em 0.90em;
  border-radius:0.375em;
  font-weight:800;
  font-size:1.125em;
  letter-spacing:0.06em;
  text-transform:capitalize;
  line-height:1;
  border:1px solid transparent;
  user-select:none;
  margin-bottom:1em;
}

.icom-custom-badge--accettabile{
  background:#f3f4f6;
  color:#111827;
}

.icom-custom-badge--standard{
  background:#f3f4f6;
  color:#111827;
}

.icom-custom-badge--premium{
  background:#009945;
  color:#ffffff;
  border-color:#009945;
}

.icom-custom-subtitle{
  font-weight:700;
  font-size:1em;
  margin-top:0.25em;
  color:#111827;
}

.icom-custom-desc{
  font-size:0.9375em;
  line-height:1.25;
  color:#4b5563;
  max-width:35em;
  margin-top:0.375em;
}

/*
.icom-custom-desc span{
  display: block;
	gap: 6px;
}
*/

.icom-custom-desc-line{
  margin-top: 0px;
}

.icom-custom-row{
  display:flex;
  flex-direction:column;
  gap:0.875em;
  flex-wrap:wrap;
  margin-top:1.5em;
}

.icom-custom-item{
  display:flex;
  align-items:center;
  gap:0.625em;
  background:#ffffff;
}

.icom-custom-textcol{
  display:flex;
  flex-direction:column;
  gap:0.125em;
}

.icom-custom-label{
  font-size:0.8125em;
  color:#6b7280;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:0.04em;
  line-height:1.1;
}

.icom-custom-value{
  font-size:1em;
  color:#111827;
  font-weight:800;
}

.icom-custom-foot{
  margin-top:0.75em;
  padding-top:0.75em;
  font-size:0.8125em;
	opacity: 0.7;
  font-weight:600;
}

/*
=====================================
INIZIO MODIFICHE BOTTONI "CONFRONTA" (problema: ci sono due bottoni confronta)
=====================================
*/

/* nascondi uno dei due bottoni confronta nella card del prodotto */


.product-loop-footer .add-to-compare-link {
	display: none
}


/* nascondi uno dei due bottoni confronta nella pagina singolo prodotto */


.single-product-wrapper .add-to-compare-link {
	display: none
}


/*
=====================================
INIZIO MODIFICHE STILI TITOLO WEB E DESCRIZIONI WEB MA INIETTATI CON WPCODE
=====================================
*/

/* Titolo Card Prodotto*/

/* Nasconde il titolo "brutto" dentro al link immagine */
.product-loop-header .woocommerce-LoopProduct-link > h2.woocommerce-loop-product__title{
  display:none !important;
}

/* Premium verde, Standard uguale al resto */
.icom-grade-premium{
  color:#009945;
  font-weight:700;
}

/* Il link del titolo non deve “sembrare” un link */
.icom-loop-title-link{
  text-decoration:none;
  color:inherit;
  display:block;
}

/* Titolo Pagina Singolo Prodotto*/

.single-product-wrapper .icom-premium{
  color:#009944;
}

/* Titolo Deal Block */

.section-onsale-product .woocommerce-loop-product__title {
    color: #000 !important;
}

.section-onsale-product .woocommerce-loop-product__title a {
    color: inherit;
}

.section-onsale-product .icom-premium{
  color:#009944;
}

/* Newsletter Embed */

.newsletter-content {
	display: flex;
	align-items: center;
}

/*
=====================================
INIZIO MODIFICHE PAGINA SHOP
=====================================
*/

.shop-control-bar .shop-view-switcher li:nth-child(1),
.shop-control-bar .shop-view-switcher li:nth-child(2),
.shop-control-bar .shop-view-switcher li:nth-child(3),
.shop-control-bar .shop-view-switcher li:nth-child(4) {
    display: none !important;
}

/*
=====================================
INIZIO CARRELLO
=====================================
*/

.wc-block-cart__submit-button {
  background-color: #009944;
  color: white;
  border-radius: 4px;
  font-weight: bold;
  font-size: 1rem;
}

.wc-block-cart__submit-button:hover {
  color: white;
}


/*
=====================================
INIZIO CONTACT 7 FORM
=====================================
*/

.wpcf7 form {
    max-width: 720px;
    margin: 0 auto;
    padding: 32px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04);
}

/* Label */
.wpcf7 form label {
    display: block;
    margin-bottom: 18px;
    color: #222;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4;
}

/* Campi testo / email / telefono / textarea / select */
.wpcf7 form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]).wpcf7-form-control,
.wpcf7 form textarea.wpcf7-form-control,
.wpcf7 form select.wpcf7-form-control {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    min-height: 46px;
    margin-top: 7px;
    padding: 12px 14px;
    border: 1px solid #d9d9d9 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #111;
    font-size: 15px;
    line-height: 1.4;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color .2s ease, box-shadow .2s ease;
}

/* Focus uniforme verde */
.wpcf7 form input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]).wpcf7-form-control:focus,
.wpcf7 form textarea.wpcf7-form-control:focus,
.wpcf7 form select.wpcf7-form-control:focus {
    border-color: #009944 !important;
    box-shadow: 0 0 0 3px rgba(0, 153, 68, 0.12) !important;
    outline: none !important;
}

/* Campi non validi */
.wpcf7 form input.wpcf7-not-valid,
.wpcf7 form textarea.wpcf7-not-valid,
.wpcf7 form select.wpcf7-not-valid {
    border-color: #c62828 !important;
    box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.08) !important;
}

/* Upload file */
.wpcf7 form input[type="file"].wpcf7-form-control {
    padding: 12px;
    border: 1px dashed #cfcfcf !important;
    border-radius: 8px !important;
    background: #fafafa !important;
    cursor: pointer;
}

/* Messaggi errore campo */
.wpcf7 form .wpcf7-not-valid-tip {
    margin-top: 6px;
    color: #b00020;
    font-size: 13px;
}

/* Radio */
.wpcf7 form .wpcf7-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.wpcf7 form .wpcf7-radio .wpcf7-list-item {
    margin: 0;
}

.wpcf7 form .wpcf7-radio label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 10px 13px;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    color: #222;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.wpcf7 form input[type="radio"] {
    -webkit-appearance: auto;
    appearance: auto;
    width: auto !important;
    min-height: auto;
    margin: 0;
    padding: 0;
    box-shadow: none !important;
}

/* Acceptance / Privacy */
.wpcf7 form .wpcf7-acceptance {
    display: block;
    margin: 16px 0;
    padding: 14px 16px;
    background: #fafafa;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    color: #333;
    font-size: 13px;
    line-height: 1.5;
}

.wpcf7 form .wpcf7-acceptance label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    font-weight: 400;
}

.wpcf7 form .wpcf7-acceptance input[type="checkbox"] {
    -webkit-appearance: auto;
    appearance: auto;
    width: 16px !important;
    height: 16px;
    min-height: auto;
    margin-top: 3px;
    padding: 0;
    flex: 0 0 auto;
    box-shadow: none !important;
}

/* Bottone submit */
.wpcf7 form input[type="submit"].wpcf7-submit {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 170px;
    min-height: 46px;
    padding: 13px 24px;
    border: 0 !important;
    border-radius: 8px !important;
    background: #009944 !important;
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: none !important;
    outline: none !important;
    transition: background .2s ease, transform .1s ease;
}

.wpcf7 form input[type="submit"].wpcf7-submit:hover {
    background: #007f39 !important;
}

.wpcf7 form input[type="submit"].wpcf7-submit:active {
    transform: translateY(1px);
}

.wpcf7 form input[type="submit"].wpcf7-submit:disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* Spinner CF7 */
.wpcf7 form .wpcf7-spinner {
    margin-left: 12px;
}

/* Messaggio finale form */
.wpcf7 form .wpcf7-response-output {
    margin: 22px 0 0;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
}

/* Mobile */
@media (max-width: 767px) {
    .wpcf7 form {
        padding: 22px;
        border-radius: 12px;
    }

    .wpcf7 form .wpcf7-radio {
        flex-direction: column;
        gap: 8px;
    }

    .wpcf7 form .wpcf7-radio label {
        width: 100%;
    }

    .wpcf7 form input[type="submit"].wpcf7-submit {
        width: 100%;
    }
}