/*
 * COSE DI CASA — RESTYLING 2026
 * File personalizzazioni frontend
 *
 * Tema base: Ecolife
 *
 * Questo file contiene esclusivamente le personalizzazioni
 * realizzate per il nuovo design di Cose di Casa.
 *
 * Non rimuovere gli stylesheet originali del tema.
 */

/* ==========================================================
   01. DESIGN TOKENS
   ========================================================== */

:root {
  --cdc-orange: #F08C0B;
  --cdc-white: #FFFFFF;
  --cdc-black: #181818;
  --cdc-dark: #253237;
  --cdc-text: #252525;
  --cdc-muted: #6F6F6F;
  --cdc-border: #E8E8E8;
  --cdc-background: #FAFAF8;

  --cdc-radius-small: 6px;
  --cdc-radius-medium: 12px;
  --cdc-radius-large: 20px;

  --cdc-transition: 0.25s ease;
}


/* ==========================================================
   02. HEADER
   ========================================================== */

/*
 * 02.1 — RICERCA DESKTOP
 *
 * Intervento volutamente limitato alla ricerca presente
 * nell'header Creative Elements.
 */

@media (min-width: 1025px) {

  #header .elementor-widget-posSearch {
    width: 100%;
  }

  #header .elementor-widget-posSearch .elementor-widget-container {
    width: 100%;
  }

  #header .pos-search-wrapper {
    width: 100%;
  }

  #header .pos-search {
    width: 100%;
    position: relative;
  }

  #header .pos-search form {
    width: 100%;
    position: relative;
    margin: 0;
  }

  #header .pos-search__input {
    width: 100%;
    height: 54px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 64px;

    background: var(--cdc-white);
    color: var(--cdc-text);

    border: 1px solid var(--cdc-border);
    border-radius: var(--cdc-radius-medium);

    font-size: 14px;
    font-weight: 400;
    line-height: 52px;

    outline: none;
    box-shadow: none;

    transition:
      border-color var(--cdc-transition),
      box-shadow var(--cdc-transition),
      background-color var(--cdc-transition);
  }

  #header .pos-search__input::placeholder {
    color: #8A8A8A;
    opacity: 1;
  }

  #header .pos-search__input:hover {
    border-color: #D4D4D4;
  }

  #header .pos-search__input:focus {
    background: var(--cdc-white);
    border-color: var(--cdc-orange);
    box-shadow: 0 0 0 3px rgba(240, 140, 11, 0.10);
  }

  /*
   * Pulsante ricerca.
   * Manteniamo l'icona/funzione originale del modulo.
   */

  #header .pos-search button,
  #header .pos-search .search-submit,
  #header .pos-search__submit {
    height: 46px;
    min-width: 46px;

    position: absolute;
    top: 4px;
    right: 4px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 14px;

    background: var(--cdc-orange);
    color: var(--cdc-white);

    border: 0;
    border-radius: 9px;

    box-shadow: none;
    cursor: pointer;

    transition:
      background-color var(--cdc-transition),
      transform var(--cdc-transition),
      box-shadow var(--cdc-transition);
  }

  #header .pos-search button:hover,
  #header .pos-search .search-submit:hover,
  #header .pos-search__submit:hover {
    background: #DC7D00;
    color: var(--cdc-white);
    box-shadow: 0 4px 12px rgba(240, 140, 11, 0.20);
  }

  #header .pos-search button:active,
  #header .pos-search .search-submit:active,
  #header .pos-search__submit:active {
    transform: scale(0.96);
  }

  #header .pos-search button i,
  #header .pos-search button em,
  #header .pos-search button span,
  #header .pos-search .search-submit i,
  #header .pos-search__submit i {
    color: var(--cdc-white);
  }

}


/* ==========================================================
   03. HOMEPAGE
   ========================================================== */


/* ==========================================================
   04. PRODUCT CARDS
   ========================================================== */


/* ==========================================================
   05. CATALOG & CATEGORIES
   ========================================================== */


/* ==========================================================
   06. PRODUCT PAGE
   ========================================================== */


/* ==========================================================
   07. CART & CHECKOUT
   ========================================================== */


/* ==========================================================
   08. FOOTER
   ========================================================== */


/* ==========================================================
   09. RESPONSIVE
   ========================================================== */