/* =========================================================
   Olalux — Sharp Luxury Override
   Force square corners across all UI components.
   Loaded LAST after responsive.css.
   ========================================================= */

:root {
    --r-xs: 0 !important;
    --r-sm: 0 !important;
    --r-md: 0 !important;
    --r-lg: 0 !important;
    --r-xl: 0 !important;
    --r-pill: 0 !important;
    --col-r-md: 0 !important;
    --col-r-lg: 0 !important;
    --col-r-xl: 0 !important;
}

/* Global square — every component */
.olx-btn,
.watch-btn,
.watch-btn-outline,
.watch-btn-solid,
.watch-add-cart-btn,
.watch-filter-btn,
.watch-stock-btn,
.watch-action-btn,
.watch-page-link,
.watch-discount-badge,
.watch-thumb,
.watch-main-image,
.watch-product-card,
.watch-product-img-wrapper,
.watch-product-overlay,
.watch-tabs-section,
.watch-sidebar-block,
.watch-price-input,
.watch-qty-controls,
.watch-qty-input,
.watch-qty-btn,
.olx-product-card,
.olx-product-media,
.olx-collection-card,
.olx-feature-grid article,
.olx-feature-grid i,
.olx-review-grid article,
.olx-consult-copy,
.olx-consult-form,
.olx-consult-form input,
.olx-consult-form select,
.olx-consult-form textarea,
.olx-consult-copy ul li::before,
.olx-eyebrow,
.olx-badge,
.olx-link-arrow,
.olx-search input,
.olx-action-btn,
.olx-user-pill,
.olx-stats-row > div,
.olx-hero-shell,
.olx-hero-visual,
.olx-hero-visual img,
.checkout-form input,
.checkout-form select,
.checkout-form textarea,
.checkout__input input,
.checkout__input textarea,
.cart-item,
.cart-item-image,
.cart-summary,
.quantity-control,
.qty-input,
.qty-btn,
.cart-item-remove .remove-btn,
.btn-continue,
.btn-update,
.btn-checkout,
.btn-checkout-momo,
.btn-shop-now,
.btn-home,
.empty-cart-content,
.empty-cart-icon,
.auth-card,
.login-form,
.register-form,
.auth-form input,
.login-form input,
.register-form input,
.login-form select,
.register-form select,
.auth-form button[type="submit"],
.login-form button[type="submit"],
.register-form button[type="submit"],
.newsletter__input-group,
.newsletter__button,
.footer__social a,
.search-model-form input,
.olx-collections .olx-collection-card,
.olx-collections .olx-collection-card::after,
.olx-collections .olx-collection-card .col-count,
.olx-collections .olx-collection-card .col-cta,
form,
input,
select,
textarea,
button,
.alert,
.tip {
    border-radius: 0 !important;
}

/* Pills → square but keep visual hierarchy via thicker borders */
.olx-eyebrow {
    border-radius: 0 !important;
    border: 1px solid var(--ink-900);
    padding: 7px 14px;
    background: transparent;
    color: var(--ink-900) !important;
}

.olx-eyebrow i { color: var(--accent); }

/* Override collections eyebrow (transparent in collections.css) */
.olx-collections .olx-eyebrow {
    border: none !important;
    padding: 0 !important;
}

/* Buttons keep crisp edges with slightly heavier border */
.olx-btn {
    border-radius: 0 !important;
    border-width: 1px;
}

.olx-btn-primary {
    border: 1px solid var(--ink-900);
}

/* Avatar / circular elements stay round (these are intentionally circles) */
.olx-logo-mark,
.cart-item-remove .remove-btn,
.empty-cart-icon,
.footer__social a,
.olx-reviewer img,
.search-close-switch,
.olx-feature-grid i,
.olx-collections .olx-collection-card .col-meta-tag::before,
.olx-collections .olx-collection-card .col-meta-tag::before,
.olx-consult-copy ul li::before,
.olx-action-btn[class*="cart"] .tip,
.tip,
.cart-count {
    border-radius: 50% !important;
}

/* Reset specific shape exceptions back to square */
.olx-feature-grid i {
    border-radius: 0 !important;
    border: 1px solid currentColor;
}

.empty-cart-icon {
    border-radius: 0 !important;
    border: 1px solid var(--accent);
}

.cart-item-remove .remove-btn {
    border-radius: 0 !important;
}

.footer__social a {
    border-radius: 0 !important;
}

.olx-reviewer img {
    border-radius: 0 !important;
}

/* Diamond divider in nav stays diamond (already rotate 45deg) */
.olx-nav-bar.header__menu ul li + li::before,
.olx-nav-bar ul li + li::before {
    border-radius: 0 !important;
}

/* Newsletter input pill → flat */
.newsletter__input-group {
    border-radius: 0 !important;
    padding: 0;
}

.newsletter__input-group input {
    border-radius: 0 !important;
    padding: 12px 16px !important;
}

.newsletter__button {
    width: 48px;
    height: 48px;
    border-radius: 0 !important;
}

/* Remove pill nature from category-link hover */
.watch-category-link {
    border-radius: 0 !important;
}

/* Pagination */
.watch-page-link {
    border-radius: 0 !important;
}

/* Auth focus ring — keep square */
.auth-form input:focus,
.login-form input:focus,
.register-form input:focus,
.olx-consult-form input:focus,
.olx-consult-form select:focus,
.olx-consult-form textarea:focus,
.watch-price-input:focus,
.checkout-form input:focus {
    box-shadow: 0 0 0 2px var(--accent-soft);
}

/* Link arrow — keep underline only, no rounded */
.olx-link-arrow { border-radius: 0 !important; }

/* Active button states keep square */
.olx-product-actions .olx-btn-primary {
    border-radius: 0 !important;
}

/* Search dropdown */
.search-dropdown,
.search-dropdown input {
    border-radius: 0 !important;
}

/* Misc luxury touches — replace pill rounding with hairline edges */
.olx-product-actions .olx-btn-primary::before {
    /* keep icon font reset */
}

/* Disable any remaining border-radius from bootstrap base */
.btn,
.form-control,
.alert,
.card,
.nav-link {
    border-radius: 0 !important;
}