/* Photoland Album Designer — Frontend Product Page Styles */

.pad-designer-button-wrap {
    margin: 1em 0;
}

.pad-design-button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 14px 20px !important;
    font-size: 1.1em !important;
    font-weight: 600;
    background: #4CAF50 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.pad-design-button:hover {
    background: #43A047 !important;
}

@media (max-width: 768px) {
    .pad-design-button {
        padding: 16px 20px !important;
        font-size: 1.2em !important;
    }
}

/* Design Your Album — CTA card */
.pad-designer-cta{margin:1.4em 0}
.pad-cta-card{padding:24px 26px}
.pad-cta-title{font-size:22px;margin:8px 0 8px}
.pad-cta-sub{color:var(--pl-muted);font-size:14.5px;margin:0 0 18px}
.pad-cta-btn{width:100%;text-align:center}
.pad-cta-foot{margin-top:14px;font-size:13px;color:var(--pl-muted)}
.pad-cta-stars{color:var(--pl-gold);letter-spacing:2px;margin-right:8px}

/* ─────────────────────────────────────────────────────────────────────────
   "From ₹X" price on a designer product page.

   e2e three-calendars, defect F. Two things conspired to leave `.price`
   empty on every bound designer product:

   1. A tier-priced product has no `_price` postmeta at all (the ladder IS
      the price), so WC_Product::get_price_html() takes its empty branch.
      Fixed in PHP — PAD_WooCommerce_Integration::designer_price_html().

   2. This store's Customizer CSS carries a SITE-WIDE
      `.product-info .price { visibility: hidden; }`. That is the owner's
      own rule and applies to the whole catalogue, so the plugin must not
      remove it — it un-hides ONLY the element it generated itself.
      `visibility` is inherited and a descendant may set `visible`
      independently of its ancestor, so this reveals our "From ₹99.00"
      without revealing anything else the hidden `.price` may contain
      (e.g. another plugin's "Base Price:" label).

   If the owner would rather show the normal WooCommerce price on all
   products, deleting rule 2 from Flatsome > Advanced > Custom CSS is the
   change to make; nothing here depends on it staying.
   ───────────────────────────────────────────────────────────────────── */
.pad-price-from,
.pad-price-from__volume {
    visibility: visible;
}

.pad-price-from {
    font-weight: 600;
}

.pad-price-from__volume {
    display: inline-block;
    margin-left: 0.5em;
    font-size: 0.6em;
    font-weight: 400;
    opacity: 0.75;
    white-space: nowrap;
}

/* The "From ₹X" line rendered inside the designer CTA card (see
   PAD_WooCommerce_Integration::render_designer_button) — independent of
   WooCommerce's own `.price` element and of anything hiding it. */
.pad-cta-price {
    margin: 0 0 0.25em;
    font-size: 1.5em;
    line-height: 1.2;
}