/*
Theme Name: Rent4YourEvent Elementor Child
Theme URI: https://rent4yourevent.com/
Author: SS2WEB
Description: Child theme for Hello Elementor. Minimal white design with blue/yellow accents, WooCommerce-friendly.
Version: 1.0.0
Template: hello-elementor
License: GPLv2 or later
Text Domain: r4ye-hello-child
*/

/* Design tokens */
:root{
  --r4ye-bg: #ffffff;
  --r4ye-muted: #f7f7f7;
  --r4ye-border: rgba(0,0,0,.08);
  --r4ye-text: #2b2b2b;

  --r4ye-blue: #1E73BE;
  --r4ye-blue-700: #155a95;
  --r4ye-yellow: #F4C430;

  --r4ye-radius: 14px;
  --r4ye-shadow: 0 10px 25px rgba(0,0,0,.08);
}

body{
  background: var(--r4ye-bg);
  color: var(--r4ye-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
h1,h2,h3,h4,h5{
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* WooCommerce minimal styling */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
  border: 1px solid var(--r4ye-border);
  border-radius: var(--r4ye-radius);
  padding: 14px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
}
.woocommerce ul.products li.product a img{
  border-radius: 12px;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button{
  border-radius: 12px !important;
  font-weight: 800 !important;
  padding: 12px 16px !important;
  background: var(--r4ye-blue) !important;
  color: #fff !important;
  border: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
  background: var(--r4ye-blue-700) !important;
  color:#fff !important;
}
.woocommerce .button.checkout-button{
  background: var(--r4ye-yellow) !important;
  color: #1a1a1a !important;
}
.woocommerce .button.checkout-button:hover{ filter: brightness(.95); }

/* Utility card */
.r4ye-card{
  background:#fff;
  border: 1px solid var(--r4ye-border);
  border-radius: var(--r4ye-radius);
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  padding: 18px;
}