/**
 * Theme Name:   Elgon Prints Child
 * Theme URI:    https://elgonprints.com
 * Description:  Blocksy child theme for Elgon Prints. Deploy on WordPress + WooCommerce + Hostinger VPS.
 * Author:       Elgon Prints
 * Author URI:   https://elgonprints.com
 * Template:     blocksy
 * Version:      1.0.0
 * License:      GPL-2.0-or-later
 * Text Domain:  elgonprints-child
 *
 * HOW TO INSTALL:
 * 1. Upload this folder to /wp-content/themes/elgonprints-child/
 * 2. Activate in Appearance → Themes
 * 3. All customisation below is applied on top of Blocksy's own styles.
 *
 * Elgon Prints brand palette:
 *   Navy   #02028A
 *   Azure  #058AEB
 *   White  #ffffff
 */

/* ── Override Blocksy palette with Elgon brand ─────────────────────────── */
:root {
  --theme-palette-color-1: #058AEB;   /* accent (was teal) */
  --theme-palette-color-2: #058AEB;
  --theme-palette-color-3: #02028A;   /* dark navy */
  --theme-palette-color-4: #021070;
  --theme-palette-color-5: #e8f4fd;   /* azure pale */
  --theme-palette-color-6: #f1f3f4;
  --theme-palette-color-7: #f8f9fa;
  --theme-palette-color-8: #ffffff;
}

/* ── Nav bar: navy background ────────────────────────────────────────────── */
.ct-header [data-row*="bottom"],
.ct-header [data-row*="middle"] {
  background-color: #02028A !important;
}
.ct-header [data-id="menu"] > ul > li > a {
  color: rgba(255,255,255,0.85) !important;
}
.ct-header [data-id="menu"] > ul > li > a:hover {
  color: #ffffff !important;
}

/* ── Buttons ────────────────────────────────────────────────────────────── */
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .single_add_to_cart_button {
  background-color: #058AEB !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.wp-block-button__link:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: #0478d4 !important;
}

/* ── WooCommerce product grid ────────────────────────────────────────────── */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px;
  font-weight: 600;
  color: #202124;
}
.woocommerce ul.products li.product:hover {
  box-shadow: 0 4px 20px rgba(2,2,138,0.1);
  transform: translateY(-3px);
  transition: all 0.2s ease;
}
.woocommerce ul.products li.product .price {
  color: #02028A;
  font-weight: 700;
}

/* ── Single product page ─────────────────────────────────────────────────── */
.woocommerce div.product .product_title {
  font-size: 28px;
  font-weight: 800;
  color: #202124;
}
.woocommerce div.product .woocommerce-Price-amount {
  color: #02028A;
  font-weight: 800;
}

/* ── Products File Upload plugin area ────────────────────────────────────── */
.superaddons-products-uploads-wrapper {
  border: 2px dashed #e8eaed;
  border-radius: 10px;
  padding: 24px;
  text-align: center;
  margin: 20px 0;
  transition: border-color 0.2s;
}
.superaddons-products-uploads-wrapper:hover {
  border-color: #058AEB;
  background: #e8f4fd;
}

/* ── Footer ──────────────────────────────────────────────────────────────── */
.ct-footer {
  background-color: #010640 !important;
}
.ct-footer * {
  color: rgba(255,255,255,0.55);
}
.ct-footer a:hover {
  color: #3aa8ff !important;
}