/*
Theme Name: Achambha Hello Child
Description: Minimal Hello child for the reversible DEV2 migration.
Author: Achambha
Template: hello-elementor
Version: 0.1.0
Text Domain: achambha-hello-child
*/

/* Preserve the existing OceanWP rem scale during the theme comparison.
 * Existing custom overrides are archived separately and are not bulk-restored.
 */
html {
    font-size: 62.5%;
}

/* Retained after measured regression: the boxed logo container overlaps the
 * mobile menu and pushes the cart outside the viewport. Elementor's boxed
 * content control does not expose responsive intrinsic container width.
 * Source: archived Ocean child MOB-01/MOB-05. Tablet fixes use native settings.
 */
@media (max-width: 47.9375em) {
    .elementor-element-aa7b083 > .elementor-element-0e3997d {
        width: auto;
    }
    .elementor-element-aa7b083 > .elementor-element-0e3997d > .e-con-inner {
        width: auto;
        max-width: 100%;
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
    .elementor-element-aa7b083 > .elementor-element-0e3997d > .e-con-inner > .elementor-element-27a2cda {
        width: auto;
    }
}

/* Guest account parity: Ocean's owp-account-links and login wrapper disappear
 * with its theme hooks. Native widget controls cannot style guest-only output
 * without also changing authenticated account headings/layout. Values below
 * come from the archived Ocean account rules, not a new design proposal.
 */
body.woocommerce-account:not(.logged-in) .elementor-element.elementor-widget-woocommerce-my-account .e-my-account-tab .woocommerce > h2 {
    color: #333;
    font-size: 5rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 3.5rem;
    text-align: center;
}
body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account form.woocommerce-form-login {
    width: 56rem;
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem;
    border: 0.2rem solid #eaeaea;
}
body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account form.woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
    float: none;
    width: 100%;
    padding-bottom: 1.5rem;
}
body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account form.woocommerce-form-login .woocommerce-form-login__submit {
    width: 70%;
    display: block;
    float: none;
    margin: auto;
    padding-top: 1.5rem;
}
body.woocommerce-account:not(.logged-in) .elementor-widget-woocommerce-my-account form.woocommerce-form-login .lost_password {
    line-height: 4.2rem;
    padding-top: 1.5rem;
    text-align: center;
}

/* Exact saved stock badge/read-more styles; no native badge control. */
body .e-loop-item.outofstock .elementor-element-6a9500a {
  position: relative;
}
body .e-loop-item.outofstock .elementor-element-6a9500a::after {
  content: "אזל מהמלאי";
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(67, 70, 76, 0.88);
  color: #FFFAFA;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 700;
  padding: 0.6rem 0;
  line-height: 1.2;
  pointer-events: none;
}

body .e-loop-item.outofstock .elementor-element-37a4f58 .cart button,
body .e-loop-item.outofstock .elementor-element-37a4f58 .cart .button {
  background-color: transparent;
  color: #43464C;
  border-radius: 0;
  padding: 0.4rem 0;
  font-size: 1.1rem;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 0.2rem;
  display: inline-block;
  width: auto;
}
body .e-loop-item.outofstock .elementor-element-37a4f58 .cart button:hover,
body .e-loop-item.outofstock .elementor-element-37a4f58 .cart .button:hover,
body .e-loop-item.outofstock .elementor-element-37a4f58 .cart button:focus-visible,
body .e-loop-item.outofstock .elementor-element-37a4f58 .cart .button:focus-visible {
  color: #F783B3;
}

/* Closed mobile filters have no page-flow height before the existing controller
   moves them into #ach-sheet. Within the dialog their normal layout is retained.
   This corrects the initial layout; it does not hide or freeze page content. */
@media (max-width: 47.9375em) {
  body #achambha-filter-panel-all {
    display: none;
  }
  body #ach-sheet #achambha-filter-panel-all {
    display: flex;
  }
}

/* Render the initialized gallery immediately; keep Woo's initial hidden state. */
body.single-product .woocommerce-product-gallery {
    transition: none !important;
}

/* Repair43: keep the hidden RTL skip link inside the viewport; native focus style remains. */
a.skip-link.screen-reader-text:not(:focus){margin:0;inset-inline-start:0;inset-inline-end:auto}
