/*
Theme Name: GR Paden
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Description: GR-Paden child theme from Twenty Twenty-Five
Author: Mark Plessers
Textdomain: mplessers
Author URI: https://mplessers.synology.me/grpaden
Template: twentytwentyfive
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
    font-family: 'eras_bold_itcregular';
    src: url('/fonts/eras-itc-bold-webfont.woff2') format('woff2'),
         url('/fonts/eras-itc-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.wp-block-site-title a { font-family: 'eras_bold_itcregular'; }
.grpaden-transparent { padding: 20px; background-color: rgba(0, 0, 0, 0.5); border-radius: 20px; }
.grpaden-post-title { background: #404040; color: #ffffff; }
.grpaden-date { color: #ff0000; font-family: 'eras_bold_itcregular'; }
.grpaden-post-title h2 { color: #ff0000; font-family: 'eras_bold_itcregular'; }
.grpaden-post-title h3 { font-family: 'eras_bold_itcregular'; text-align: 'center'; }

/* CSS for report and event overview */
.gr-filter label {border: solid black 1px; padding: 3px; padding-left: 8px; padding-right: 8px; margin: 3px; border-radius: 15px; line-height: 250%;}
.gr-filter input[type=checkbox] {display: none;}
.gr-filter input[type=checkbox]:not(:checked) + label {background: white; color: black}
.gr-filter input[type=checkbox]:checked + label {background: black; color: white}

#table_result th { cursor: pointer; transition: background 0.3s ease; background: linear-gradient(to bottom, #e0e0e0, #b0b0b0); }
#table_result th.sorted-asc { background: linear-gradient(to bottom, #e0f7fa, #b2ebf2); }
#table_result th.sorted-desc { background: linear-gradient(to bottom, #ffe0b2, #ffcc80); }
/* Optional: add a small arrow indicator */
#table_result th.sorted-asc::after { content: " ▲"; }
#table_result th.sorted-desc::after { content: " ▼"; }

/* Not full width menu */
.wp-block-navigation__responsive-container.has-modal-open.is-menu-open { width: 30%; }

/* FAQ */
.grpaden-accordion { background: no-repeat; background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s; background-position: right center; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='40px' width='40px'><text x='0' y='25' fill='black' font-size='20'>+</text></svg>");}
.active, .grpaden-accordion:hover { background-color: #ccc; }
.grpaden-answer { padding: 0 18px; display: none; background-color: white; overflow: hidden; }