/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * GRAPH BUTTONS
 */
/* Container for the buttons */
.graph-buttons-container {
    text-align: center; /* Center the buttons */
    margin: 20px 0; /* Add some spacing */
}

/* Style for the heading */
.graph-buttons-container h3 {
    font-size: 1.5em;
    color: #333; /* Dark gray text */
    margin-bottom: 15px;
    font-weight: 600;
}

/* Base button styles */
.graphButton {
    background-color: #007BFF; /* Blue background */
    color: white; /* White text */
    border: none; /* Remove default border */
    padding: 12px 24px; /* Padding for size */
    margin: 8px; /* Spacing between buttons */
    border-radius: 8px; /* Rounded corners */
    font-size: 1em;
    font-weight: 500;
    cursor: pointer; /* Pointer cursor on hover */
    transition: all 0.3s ease; /* Smooth transitions */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
}

/* Hover effect */
.graphButton:hover {
    background-color: #0056b3; /* Darker blue on hover */
    transform: translateY(-2px); /* Slight lift */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Larger shadow on hover */
}

/* Active (click) effect */
.graphButton:active {
    transform: translateY(0); /* Reset lift */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Reset shadow */
}

/* Optional: Add a gradient for a more modern look */
.graphButton {
    background: linear-gradient(135deg, #007BFF, #0056b3);
}

/* Optional: Add a border for a more refined look */
.graphButton {
    border: 2px solid transparent; /* Transparent border */
}

.graphButton:hover {
    border-color: rgba(255, 255, 255, 0.3); /* Light border on hover */
}


/*
 * DROPDOWN
 */
/* Center the dropdown */
.dropdown {
    display: block;
    width: 60%; /* Adjust width */
    max-width: 400px; /* Prevent it from getting too wide */
    margin: 20px auto; /* Centers it */
    padding: 10px;
    font-size: 26px;
    border: 2px solid #0073aa; /* WordPress blue */
    border-radius: 5px;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Dropdown hover effect */
.dropdown:hover {
    border-color: #005177;
}

/* Dropdown focus effect */
.dropdown:focus {
    outline: none;
    border-color: #ff9800; /* Orange focus */
    box-shadow: 0 0 5px rgba(255, 152, 0, 0.5);
}

.graph-wrapper {
    display: flex;
    justify-content: center;
}