/*
Theme Name: Greenshift Child
Theme URI: https://theme.greenshiftwp.com/
Template: greenshift
Author: Wpsoul
Author URI: https://greenshiftwp.com/
Description: GreenShift is theme for FSE with maximum perfomance and flexibility. The best companion theme for Greenshift plugin, page and animation builder. It has more than 12 query loop templates, a lot of predefined Post and Page layouts, support for dark mode, header and footer patterns, style switcher, library of block styles and section patterns, dark color scheme, font selector. Theme doesn't use jquery dependencies and has conditional assets to get 100 web vitals score even without cache plugins. GreenShift can be used also to make super fast and clean Woocommerce shops. It has improved style loading for Woocommerce, better inputs, very clean design for shop pages and improved layouts for woocommerce blocks.
Tags: e-commerce,block-patterns,block-styles,editor-style,full-site-editing,full-width-template,rtl-language-support,template-editing,translation-ready,wide-blocks
Version: 2.6.6.1789823902
Updated: 2026-09-19 15:18:22

*/

.prod-card {
  background: var(--oat);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.prod-thumb {
  background: #fff;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 26px;
}

.prod-thumb img {
  max-height: 100%;
  object-fit: contain;
}

.prod-body {
  padding: 18px 20px 22px;
  display: flex;
  flex-direction:
    column;
  gap: 6px;
  flex: 1;
}

.prod-body .cat {
  font-size: 0.78rem;
  color: var(--olive);
}

.prod-body h3 {
  font-size: 1.02rem;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0;
}

.prod-body .desc {
  margin: 0 !important;
}

.prod-body .desc>p.wp-block-post-excerpt__excerpt {
  font-size: 0.88rem !important;
  color: #5B6350;
  flex: 1;
  margin-top: 0 !important;
}

.prod-link {
  margin-top: 10px;
  font-size: 0.85rem;
  text-decoration: none;
  color: var(--ink);
  border-bottom: 1px solid var(--ink);
  align-self: flex-start;
  padding-bottom: 1px;
}

.prod-footer {
  display: flex;
  justify-content: space-around!important;
  margin-top: 44px;
}

.btn-outline {
  border: 1px solid var(--ink);
  color: var(--ink);
  text-decoration: none;
  padding: 12px 30px;
  border-radius: var(--radius-s);
  font-size: 0.92rem;
}

.btn-outline:hover {
  background: var(--ink);
  color: var(--oat);
  transition: background 1s ease;
}

/*    TABLE STYLE   */

/* Generic table styling inside post content — applies to any table regardless of the individual post's markup. */
.entry-content table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 28px 0;
  background: var(--oat);
  border: 1px solid var(--line);
  border-radius: var(--radius-m);
  overflow: hidden;
}

/* Row divider instead of cell borders, so border-radius clipping stays clean. */
.entry-content table tr {
  border-bottom: 1px solid var(--line);
}

.entry-content table tr:last-child {
  border-bottom: none;
}

/* Light striping for readability on longer tables. */
.entry-content table tr:nth-child(even) {
  background: var(--oat-deep);
}

.entry-content table td,
.entry-content table th {
  padding: 12px 20px;
  font-size: 0.92rem;
  color: var(--ink);
  text-align: left;
}

/* First column reads as a label, styled like the site's accent color. */
.entry-content table td:first-child,
.entry-content table th:first-child {
  font-weight: 500;
  color: var(--olive-deep);
  width: 45%;
}

/* Wraps the post content block into a rounded white card, independent of theme.json contentSize. */
.post-card {
  max-width: 760px;
  margin: 0 auto;
  background: #fff;
  border-radius: var(--radius-m);
  border: 1px solid var(--line);
  border: 1px solid #B0673F !important;
  padding: 48px !important;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}

/* CSS – classe per lettori di schermo: applicato direttamente in Formiantor ma lasciato anche qui per documentazione */
.sr-only {
    position: absolute;          /* esce dal flusso di layout */
    width: 1px;                  /* larghezza minima */
    height: 1px;                 /* altezza minima */
    padding: 0;
    margin: -1px;                /* lo tira fuori dalla pagina */
    overflow: hidden;            /* nasconde eventuali overflow */
    clip: rect(0, 0, 0, 0);       /* vecchio metodo di clipping */
    clip-path: inset(50%);       /* supporto moderno */
    white-space: nowrap;         /* evita wrap */
    border: 0;
}

@media (min-width: 783px) {
  .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child) {
    margin-bottom: 10px;
  }
}