/**
* Theme Name: Urban Edge Child
* Description: This is a child theme of Urban Edge.
* Author: <a href="https://cmsmasters.net/">cmsmasters</a>
* Template: urban-edge
* Version: 1.1.0
* Tested up to: 6.6
* Requires PHP: 7.4
* License:
* License URI:
* Text Domain: urban-edge-child
* Copyright: cmsmasters 2025 / All Rights Reserved
*/

/******************** jreig ****************************/

/********************* header *************************/

/* header i footer del mateix color que el main */
.cmsmasters-header-mid {
  background: #25272A;
}

footer#footer {
    background: #25272A;
}

.cmsmasters-header-mid__outer {
    width: 90%;
}

img.cmsmasters-header-mid-logo__img.cmsmasters-header-mid-logo-main {
    width: 275px;
}

/* amagar cart */

.elementor-widget-cmsmasters-woo-cart__container.cmsmasters-woo-cart-position-center {
    display: none !important;

}

/* amagar el header */

.cmsmasters-headline {
    display: none !important;

}


/**************************** Aside **************************/

/* amagar recent comments */

aside#block-4 {
    display: none;
}

/************************* cart ***************************/

/* Assegura que el contenidor s'alinea amb flex */
.cmsmasters-header-mid .elementor-widget-cmsmasters-woo-cart__container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px; /* o ajusta segons calgui */
}

/* Ajusta la mida de la icona i alineació */
.elementor-widget-cmsmasters-woo-cart__button-icon i {
    font-size: 20px;
    line-height: 1;
    vertical-align: middle;
}

/* Si cal, ajustem el link per centrar-ho verticalment */
.elementor-widget-cmsmasters-woo-cart__button-content {
    display: flex;
    align-items: center;
    position: relative;
}


/* Escriptori: assegura horitzontal i alineació */
.cmsmasters-header-mid__add-content {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px; /* separació uniforme entre elements */
}

i.cmsmsdemo-icon-.cmsms-demo-icon-cart {
    color: #fff;
}

.elementor-widget-cmsmasters-woo-cart__button-counter {
    background-color: var(--e-global-color-tertiary);
    color: var(--e-global-color-background, #ffffff);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: "Figtree Local", sans-serif;
    font-weight: 500;
    line-height: 1;
    position: absolute;
    top: -7px;
    right: -9px;
}


/* Mòbil: ajustem layout */
@media (max-width: 768px) {
    .cmsmasters-header-mid__add-content {
        flex-wrap: wrap;
        justify-content: flex-end;
        row-gap: 10px;
        column-gap: 10px;
    }

    .cmsmasters-header-mid__add-content > div {
        flex: 0 0 auto;
    }
}

/************************************** forms contacto *************************************************/



/************************************* Form Detalle *****************************/

/* sobreescrits */
#cmsmasters_body .elementor-widget-cmsmasters-contact-form .wpcf7-acceptance span.wpcf7-list-item-label, #cmsmasters_body .elementor-widget-cmsmasters-contact-form .wpcf7-checkbox span.wpcf7-list-item-label, #cmsmasters_body .elementor-widget-cmsmasters-contact-form .wpcf7-radio span.wpcf7-list-item-label {
    font-family: sans-serif;
}

.form-detalle__submit {
    border-radius: 0.3rem !important;
}

/* FI sobreescrits */

h3.form-detalle__header {
    margin: 0rem 0rem 3rem 0rem;
}

.form-detalle__container {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px;
}

.form-detalle__row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  align-items: flex-start; /* Ens assegurem que s'alineïn a dalt */
}

.form-detalle__col {
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.form-detalle__label {
  display: flex;
  flex-direction: column;
  flex: 1; /* Fa que el label ocupi tot l'espai vertical disponible */
  justify-content: flex-start;
}

label.form-detalle__label input, label.form-detalle__label input:focus {
    border-radius: 0.3rem;
}


.form-detalle__hint {
  font-size: 0.75em;
  font-weight: normal;
  color: #F3DBB0;
  margin-top: 4px;
  min-height: 2em; /* Truc per forçar una alçada mínima comuna */
}

.form-detalle__input,
.form-detalle__textarea {
  width: 100%;
  padding: 10px;
  margin-top: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 1em;
  box-sizing: border-box;
}

.form-detalle__input::placeholder, .form-detalle__textarea::placeholder  {
  color: #888 !important;              /* Color del placeholder */
  font-size: 16px !important;          /* Mida del text */
  font-family: inherit;     /* Per mantenir la font del camp */
  opacity: 1;               /* Opcional, per fer-lo més visible */
}

.form-detalle__textarea {
  min-height: 100px;
  resize: vertical;
}

.form-detalle__submit {
  display: inline-block;
  margin-top: 20px;
  padding: 12px 24px;
  background-color: #000;
  color: #fff;
  border: none;
  font-size: 1em;
  cursor: pointer;
  border-radius: 4px;
}

.form-detalle__submit:hover {
  background-color: #333;
}

.form-detalle__checkbox {
  margin-top: 10px;
  display: block;
}

/*  Responsive: 1 columna en pantalles petites */
@media (max-width: 768px) {
  .form-detalle__col {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }

  .form-detalle__row {
    margin: 0;
  }
}

/***************************** form contacto ************************************/

form.wpcf7-form.init input,  form.wpcf7-form.init textarea {
    border-radius: 0.3rem;
}




/************************************************ Pages ***************************************/


/***************************************** HOME ***********************************************/

blockquote.cita-home {
    text-align: center;
    font-size: 3rem;
    line-height: 3rem;
    font-family: 'Alice Local sans-serif';
}

p.mas-info__para {
    margin-top: 1rem;
}

a.mas-info__link {
    color: #fff;
    text-decoration: underline !important;
}


/********************************************** Tatuadores *************************************/



/* margin footer barra paginació */

.cmsmasters-single-nav.cmsmasters-section-container {
    margin-bottom: 2rem;
}

/* amagar barra "Writte by admin" */
.cmsmasters-archive-post-meta_second__inner {
    display: none;
}


/******************************* Blog ***************************************/

span.term-wrap a {
    color: #fff;
}

span.cmsmasters-postmeta__content a {
    color: #fff;
}

/******************************************************** Footer *******************************/

/*.cmsmasters-footer-html {
    width: 100%;
}*/

.custom-footer__titles {
  color: var(--cmsmasters-colors-tertiary);
  font-size: 1.8rem;
  font-family: var(--cmsmasters-h3-font-family);
  font-weight: 600;
  margin-bottom: 1.5rem;
  display: block;
  text-align: center;
}

.custom-footer__row {
  display: grid;
  gap: 30px;
  grid-template-columns: 1fr; /* Mobile */
  text-align: center;
}

.custom-footer__text-address {
  margin: 0 auto 10px auto;
  font-style: normal; /* Quita la cursiva por defecto si prefieres */
  line-height: 1.6;
  max-width: 300px; /* Opcional: para limitar el ancho y centrarlo mejor */
  margin-bottom: 2rem;
}

.custom-footer__logo img {
    width: 50%;
}

.custom-footer__address, .custom-footer__contacts {
    border: 1px solid #444;
    border-radius: 0.3rem;
    padding: 1rem;
}

span.custom-footer__slogan {
    display: block;
    margin-top: -1rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.custom-footer__kdlogo img {
    width: 320px;
}

span.custom-footer__phone {
    display: block;
}

@media (min-width: 768px) {
  .custom-footer__row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1024px) {
  .custom-footer__row {
    grid-template-columns: repeat(3, 1fr);
  }
}

.custom-footer__container {
/*  background-color: #111;*/
  color: #fff;
  padding: 40px 20px;
  font-family: var(--cmsmasters-base-font-family); 
}

.custom-footer__address,
.custom-footer__logo,
.custom-footer__contacts {
  text-align: center;
  font-size: 0.95rem;
}

.custom-footer__logo img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.custom-footer__contacts a {
  color: #fff;
  text-decoration: underline;
}

.custom-footer__copyright {
  text-align: center;
  margin-top: 40px;
  font-size: 0.85rem;
  border-top: 1px solid #444;
  padding-top: 20px;
  color: #ccc;
  font-family: var(--cmsmasters-base-font-family); 
}


/* cookies banner */

.cmsmasters-theme-button:before, button:before {
    background-color: #006dd2;
}

.cmsmasters-theme-button:after, button:after {
    background-color: #3f444a;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
    color: #fff !important;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences {
    color: #fff !important;
}