/*
Theme Name:   RB Studio Child
Theme URI:    https://richardbarrett.ca
Description:  Child theme for RB Studio (rb-theme). Add site-specific CSS overrides and PHP customisations here. The parent theme handles all core functionality — this layer is for richardbarrett.ca-specific changes only.
Author:       Richard Barrett / HyperGraphik Design Inc.
Author URI:   https://hypergraphik.com
Template:     rb-theme
Version:      1.0.0
Requires at least: 6.4
Requires PHP: 8.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  rb-studio-child
Tags:         portfolio, child-theme
*/

/*
 * ============================================================
 *  HOW TO USE THIS FILE
 * ============================================================
 *
 *  Add CSS overrides below. They load AFTER the parent theme
 *  stylesheet, so anything here wins over the parent's rules.
 *
 *  No need to copy entire rule-sets from the parent — just
 *  override the specific properties you want to change.
 *
 *  Example:
 *
 *    :root {
 *      --rb-amber: #FF6600;   change the accent colour
 *    }
 *
 *    .rb-hero-headline {
 *      font-size: 7rem;       tweak just one value
 *    }
 *
 * ============================================================
 */


/* ── Site-specific overrides go below this line ── */
/* Base table styling */ 
.styled-table { width: 100%; max-width: 800px; border-collapse: collapse; margin: 20px 0; font-family: sans-serif; font-size: 16px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); } 
/* Header styling */ 
.styled-table th { background-color: #009879; color: #ffffff; text-align: left; padding: 12px 15px; font-weight: bold; } 
/* Cell padding */ 
.styled-table td { padding: 12px 15px; } 
/* Zebra striping for alternating rows */ 
.styled-table tbody tr:nth-of-type(even) { background-color: #f3f3f3; } 
/* Thin bottom border for rows */ 
.styled-table tbody tr { border-bottom: 1px solid #dddddd; } 
/* Highlight effect on hover */ 
.styled-table tbody tr:hover { background-color: #f1f1f1; }