/**
* 2010-2026 SwissGeek | Web Developer Freelance
*
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https:// opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https:// devdocs.prestashop.com/ for more information.
*
* @Module		SGK Theme Studio
* @Description	Settings of the SwissGeek theme: colours, fonts, light and dark mode, header, product page, footer, hero of the home page, the Free label of zero prices, and export / import of the SwissGeek settings.
* @Version		1.5.1
* @Copyright	SwissGeek | Web Developer Freelance <https://swissgeek.dev/>
* @support		Support Requests <https://admin.swissgeek.dev/forms/ticket?styled=1&with_logo=1>
* @Blog			Breaking News <https://news.swissgeek.dev/> <https://news.prestageek.ch/>
* @Addons		Developments <https://prestageek.ch/> <https://add.swissgeek.dev/>
*
* @license		http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*				Valid for 1 website (or project) for each purchase of license International Registered 
*				Trademark & Property of SwissGeek. More information on <https://swissgeek.dev/license/>
*/

/**
 * SGK Theme Studio — front office: decorative module stack of the home hero, category tiles.
 * Every selector is prefixed .sgkts-: page-level primitives (.sgk-hero, .sgk-card, .sgk-title…)
 * come from the SwissGeek theme.
 */

/* ---------- Pills (hero visual) ---------- */
.sgkts-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}

.sgkts-pill {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0.125rem 0.5rem;
  font-family: var(--sgk-font-display, inherit);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--sgk-graphite, #353740);
  white-space: nowrap;
  background: var(--sgk-surface-2, #f6f6f8);
  border: 1px solid var(--sgk-line, #e6e7eb);
  border-radius: 999px;
}

.sgkts-pill--pro {
  color: #fff;
  background: var(--sgk-red-ink, #d7141c);
  border-color: var(--sgk-red-text, var(--sgk-red-ink, #d7141c));
}

.sgkts-pill--lite {
  color: var(--sgk-red-text, var(--sgk-red-deep, #b8080a));
  background: var(--sgk-surface, #fff);
  border-color: var(--sgk-red-text, var(--sgk-red-ink, #d7141c));
}

.sgkts-pill--mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-weight: 500;
}

/* ---------- Home: hero visual (decorative stack of module cards) ---------- */
.sgkts-stack {
  position: relative;
  width: min(100%, 26rem);
  height: 21rem;
  margin-inline-start: auto;
}

.sgkts-stack__card {
  position: absolute;
  inset: auto 0 0 auto;
  width: 88%;
  padding: 1.5rem;
  color: var(--sgk-text, #2c2f38);
  background: var(--sgk-surface, #fff);
  border-radius: var(--sgk-radius, 0.625rem);
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.7);
}

.sgkts-stack__card--back {
  top: 0;
  bottom: auto;
  left: 0;
  right: auto;
  height: 9rem;
  opacity: 0.35;
  transform: rotate(-6deg);
}

.sgkts-stack__card--mid {
  top: 2.5rem;
  bottom: auto;
  left: 1.5rem;
  right: auto;
  height: 9rem;
  opacity: 0.6;
  transform: rotate(-2deg);
}

.sgkts-stack__card--front {
  z-index: 2;
  border-top: 4px solid var(--sgk-red, #ef2028);
}

.sgkts-stack__dot {
  display: block;
  width: 2.25rem;
  height: 2.25rem;
  margin-bottom: 0.875rem;
  background: rgba(var(--sgk-red-rgb, 239, 32, 40), 0.15);
  border-radius: 0.5rem;
}

.sgkts-stack__line {
  display: block;
  height: 0.5rem;
  margin-bottom: 0.5rem;
  background: var(--sgk-line, #e6e7eb);
  border-radius: 999px;
}

.sgkts-stack__line--short { width: 40%; }
.sgkts-stack__line--mid { width: 70%; }

.sgkts-stack__head {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-bottom: 0.875rem;
}

.sgkts-stack__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  color: #fff;
  background: var(--sgk-red-ink, #d7141c);
  border-radius: 0.5rem;
}

.sgkts-stack__name {
  font-family: var(--sgk-font-display, inherit);
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--sgk-graphite, #353740);
}

.sgkts-stack__checks {
  padding: 0;
  margin: 1rem 0 0;
  list-style: none;
}

.sgkts-stack__checks li {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding-block: 0.3rem;
  font-size: 0.9375rem;
}

.sgkts-stack__checks .material-icons {
  font-size: 1.125rem;
  color: var(--sgk-red-text, var(--sgk-red-ink, #d7141c));
}

@media (max-width: 575.98px) {
  .sgkts-stack {
    display: none;
  }
}