/* ==========================================================================
   CoffyWater - carduri de categorie pe mobil (pagina principala Elementor)
   Acelasi stil ca pe pagina noua Acasa: imagine in stanga intr-o placa alba,
   titlu ingrosat in dreapta, sageata la capat.
   Regulile sunt scopate pe pagina principala si pe latimile sub 1025px,
   fiindca acolo Elementor arata containerele "hidden-desktop".
   ========================================================================== */

@media screen and (max-width: 1024px) {

  .cw-cards {
    --cw-ink: #0A2A4E;
    --cw-muted: #5C7794;
    --cw-accent: #1E7FE0;
    --cw-wash: #E4F1FF;
    --cw-surface: #F4F9FF;
  }

  /* --- containerele de categorii devin o singura coloana --- */
  .cw-cards .elementor-element-1da7e80,
  .cw-cards .elementor-element-1da7e80 > .e-con-inner,
  .cw-cards .elementor-element-d0ac488,
  .cw-cards .elementor-element-d0ac488 > .e-con-inner,
  .cw-cards .elementor-element-9f3b0fd,
  .cw-cards .elementor-element-9f3b0fd > .e-con-inner,
  .cw-cards .elementor-element-7cbcc74,
  .cw-cards .elementor-element-7cbcc74 > .e-con-inner,
  .cw-cards .elementor-element-efc30bb,
  .cw-cards .elementor-element-efc30bb > .e-con-inner,
  .cw-cards .elementor-element-1f40bc9,
  .cw-cards .elementor-element-1f40bc9 > .e-con-inner,
  .cw-cards .elementor-element-ba748ad,
  .cw-cards .elementor-element-ba748ad > .e-con-inner,
  .cw-cards .elementor-element-defe5bd,
  .cw-cards .elementor-element-defe5bd > .e-con-inner,
  .cw-cards .elementor-element-99d4974,
  .cw-cards .elementor-element-99d4974 > .e-con-inner,
  .cw-cards .elementor-element-9e9c867,
  .cw-cards .elementor-element-9e9c867 > .e-con-inner,
  .cw-cards .elementor-element-acf8b20,
  .cw-cards .elementor-element-acf8b20 > .e-con-inner {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 12px !important;
    align-items: stretch !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
  }

  .cw-cards .elementor-element-1da7e80,
  .cw-cards .elementor-element-7cbcc74,
  .cw-cards .elementor-element-ba748ad,
  .cw-cards .elementor-element-9e9c867 {
    padding-inline: 16px !important;
  }

  .cw-cards .elementor-element-d0ac488,
  .cw-cards .elementor-element-9f3b0fd,
  .cw-cards .elementor-element-efc30bb,
  .cw-cards .elementor-element-1f40bc9,
  .cw-cards .elementor-element-defe5bd,
  .cw-cards .elementor-element-99d4974,
  .cw-cards .elementor-element-acf8b20 {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* --- cardul --- */
  .cw-cards .elementor-widget-image-box {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* Elementor pune .elementor-image-box-wrapper direct in widget,
     deci cardul se deseneaza pe wrapper. */
  .cw-cards .elementor-image-box-wrapper {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 14px !important;
    background: var(--cw-surface);
    border: 1px solid var(--cw-wash);
    border-radius: 18px;
    box-shadow: none;
    transition: transform .25s cubic-bezier(.22, .9, .28, 1), background .25s, border-color .25s;
  }

  .cw-cards .elementor-image-box-wrapper:active {
    transform: scale(.985);
    background: var(--cw-wash);
    border-color: var(--cw-accent);
  }

  .cw-cards .elementor-widget-image-box > .elementor-widget-container {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
  }

  /* sageata din capatul cardului */
  .cw-cards .elementor-image-box-wrapper::after {
    content: "";
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    margin-left: auto;
    margin-right: 4px;
    border-top: 2px solid var(--cw-accent);
    border-right: 2px solid var(--cw-accent);
    transform: rotate(45deg);
  }

  /* --- placa imaginii --- */
  .cw-cards .elementor-image-box-img {
    width: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid var(--cw-wash);
    border-radius: 14px;
    overflow: hidden;
  }

  .cw-cards .elementor-image-box-img a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
  }

  .cw-cards .elementor-image-box-img img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    object-fit: contain;
    padding: 8px;
  }

  /* --- textul --- */
  .cw-cards .elementor-image-box-content {
    flex: 1 1 auto;
    text-align: left !important;
    min-width: 0;
  }

  .cw-cards .elementor-image-box-title {
    font-family: "Bricolage Grotesque", sans-serif !important;
    font-weight: 800 !important;
    font-size: 1.05rem !important;
    line-height: 1.15 !important;
    letter-spacing: -.02em !important;
    color: var(--cw-ink) !important;
    margin: 0 !important;
    text-align: left !important;
    overflow-wrap: anywhere;
    hyphens: auto;
  }

  .cw-cards .elementor-image-box-title a {
    color: inherit !important;
  }

  /* titlurile au <br> pus pentru vechea asezare pe verticala */
  .cw-cards .elementor-image-box-title br {
    display: none;
  }

  .cw-cards .elementor-image-box-description {
    font-family: "DM Mono", monospace !important;
    font-size: .72rem !important;
    line-height: 1.45 !important;
    color: var(--cw-muted) !important;
    margin: 5px 0 0 !important;
    text-align: left !important;
  }

  .cw-cards .elementor-image-box-description:empty {
    display: none;
  }

  /* --- titlurile de sectiune, ca sa stea in aceeasi familie --- */
  .cw-cards .elementor-element-b242cbf .elementor-heading-title,
  .cw-cards .elementor-element-000da99 .elementor-heading-title,
  .cw-cards .elementor-element-de5cb56 .elementor-heading-title,
  .cw-cards .elementor-element-79b5ccc .elementor-heading-title {
    font-family: "Bricolage Grotesque", sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: -.025em !important;
    color: var(--cw-ink) !important;
  }

}

@media screen and (max-width: 1024px) and (prefers-reduced-motion: reduce) {
  .cw-cards .elementor-widget-image-box > .elementor-widget-container {
    transition: none;
  }
}

/* Pe desktop pastram doar titlurile: descrierea a fost adaugata pentru
   randul orizontal de pe mobil si nu are ce cauta in grila native de acolo. */
@media screen and (min-width: 1025px) {
  .cw-cards .elementor-image-box-description {
    display: none !important;
  }
}