/* ==========================================================================
   PAVONA HU — Portadesign Override Stylesheet
   --------------------------------------------------------------------------
   Custom overrides maintained OUTSIDE the /remedio/ directory so they are not
   lost when the Remedio template is redeployed. Loaded via the store admin
   (Appearance & Content > Editor > HTML code > Header) AFTER the Remedio
   stylesheets, so later cascade order lets these rules take precedence.

   Store:    portadesign_770090 (HU)
   Updated:  2025-06-15
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Cart — "Tegye még a kosárba" upsell swiper full width
   The greeting-card section ("Vyberte si přáníčko") is hidden until HU
   translations are ready. With only one remaining section, restore it to full
   width (overrides the default 50/50 split applied when two sections exist).
   -------------------------------------------------------------------------- */
.cart-content .additional-swipers > div:has(> .homepage-products-heading-4) {
  display: none !important;
}

.cart-content .additional-swipers:has(> div:nth-child(2)) > div:first-child {
  width: 100% !important;
}

/* --------------------------------------------------------------------------
   2) Registration form — spacing below fieldset headings
   Remedio's style.css sets ".co-box h4" to margin: 4px 0 0 (no bottom margin),
   which glues the heading's border-bottom to the content below. Restore gap.
   -------------------------------------------------------------------------- */
.box.co-box h4,
.co-box h4 {
  margin: 4px 0 25px !important;
}

/* --------------------------------------------------------------------------
   3) Instagram & loyalty — hide empty placeholders
   Both blocks are temporarily disabled in datalayer.js (replaced with empty
   objects so Remedio's main.js does not throw on null.title). Remedio still
   renders empty containers, which are hidden here.
   TO RE-ENABLE: restore the instagram/loyalty objects in datalayer.js and
   remove this section so the sections render with real content.
   -------------------------------------------------------------------------- */
.myinstagram {
  display: none !important;
}

.loyalty {
  display: none !important;
}

/* --------------------------------------------------------------------------
   4) Footer — tighten column spacing
   Remedio's ".custom-footer" uses gap: 0 70px between columns. Narrow it to
   45px so the footer columns sit closer together.
   -------------------------------------------------------------------------- */
.custom-footer {
  gap: 0 45px;
}

/* --------------------------------------------------------------------------
   5) Thank-you page — white product background
   Remedio's ".cart-table tr td" (rows, cells, and the .cart-p-image cell) use
   a pink fill (#f4dee3). That same class is used in the cart (step 1), so we
   scope this to the recap table only via its unique data-testid.
   -------------------------------------------------------------------------- */
[data-testid="recapTable"] tr,
[data-testid="recapTable"] tr td,
[data-testid="recapTable"] tr td.cart-p-image {
  background-color: #fff !important;
}