/*
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.8
Requires PHP: 7.2
Version: 1.2
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;
}

.input-editcli {
  border: 2px solid transparent;
  width: 10em;
  height: 1.5em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  text-align: center;
  font-size: 14px;
  outline: none;
  overflow: hidden;
  color: #c0c0c0;
  background-color: #303030;
  border-radius: 5px;
  transition: all 0.3s;
}

.input-editcli:hover,
.input-editcli:focus {
  border: 2px solid #4A9DEC;
  box-shadow: 0px 0px 0px 2px rgb(74, 157, 236, 20%);
  color: #f0f0f0;
  background-color: #505050;
}

.editbutton-return {
  background-color: #0a6900;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 100px;
  height: 25px;
  transition: 0.3s;
}

.editbutton-return:hover {
  background-color: #12b800;
  box-shadow: 0 0 0 5px #0a69005f;
  color: #fff;
}

.editbutton-save {
  background-color: #0047d6;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 100px;
  height: 25px;
  transition: 0.3s;
}

.editbutton-save:hover {
  background-color: #4a84f7;
  box-shadow: 0 0 0 5px #3b83f65f;
  color: #fff;
}

.editbutton-act {
  background-color: #0047d6;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 100px;
  height: 25px;
  transition: 0.3s;
}

.editbutton-act:hover {
  background-color: #4a84f7;
  box-shadow: 0 0 0 5px #3b83f65f;
  color: #fff;
}

.editbutton-deact {
  background-color: #0047d6;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 100px;
  height: 25px;
  transition: 0.3s;
}

.editbutton-deact:hover {
  background-color: #4a84f7;
  box-shadow: 0 0 0 5px #3b83f65f;
  color: #fff;
}

.editbutton-disable {
  background-color: #a69002;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 100px;
  height: 25px;
  transition: 0.3s;
}

.editbutton-disable:hover {
  background-color: #dbbe00;
  box-shadow: 0 0 0 5px #dbbe005f;
  color: #fff;
}

.editbutton-badpasswd {
  background-color: #a8a002;
  color: #303030;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 100px;
  height: 25px;
  transition: 0.3s;
}

.editbutton-badpasswd:hover {
  background-color: #f7ef52;
  box-shadow: 0 0 0 5px #f7ef525f;
  color: #303030;
}

.newclient-button {
  background-color: #002570;
  color: #fff;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  width: 100px;
  height: 30px;
  transition: 0.3s;
}

.newclient-button:hover {
  background-color: #4a84f7;
  box-shadow: 0 0 0 5px #3b83f65f;
  color: #fff;
}

.expirations-button {
    background-color: #1b6061;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    transition: 0.3s;
}

.expirations-button:hover {
    background-color: #2c9c9e;
    box-shadow: 0 0 0 5px #2c9c9e5f;
    color: #fff;
}

.menuadmin-button {
    background-color: #1b6061;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    width: 120px;
    height: 30px;
    transition: 0.3s;
}

.menuadmin-button:hover {
    background-color: #2c9c9e;
    box-shadow: 0 0 0 5px #2c9c9e5f;
    color: #fff;
}

.copyfees-button {
    background-color: #165050;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    width: 120px;
    height: 30px;
    transition: 0.3s;
}

.copyfees-button:hover {
    background-color: #2c9c9e;
    box-shadow: 0 0 0 5px #2c9c9e5f;
    color: #fff;
}

.copyfees-button:focus,
.copyfees-button:focus-visible,
.copyfees-button:active {
    outline: none !important;
    box-shadow: none !important;
    border: 2px solid #2c9c9e !important;
}

.subscriptions-button {
    background-color: #165050;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    width: 120px;
    height: 30px;
    transition: 0.3s;
}

.subscriptions-button:hover {
    background-color: #2c9c9e;
    box-shadow: 0 0 0 5px #2c9c9e5f;
    color: #fff;
}

.subscriptions-button:focus,
.subscriptions-button:focus-visible,
.subscriptions-button:active {
    outline: none !important;
    box-shadow: none !important;
    border: 2px solid #2c9c9e !important;
}

.month-submin-button {
    background-color: #002525;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    width: 30px;
    height: 30px;
    transition: 0.3s;
}

.month-submin-button:hover {
    background-color: #008080;
    box-shadow: 0 0 0 5px #3bf6835f;
    color: #fff;
}

.generate-feepayments-button {
    background-color: #204020;
    color: #fff;
    border: 1px solid #12b800;
    cursor: pointer;
    border-radius: 4px;
    width: 80px;
    height: 22px;
    transition: 0.3s;
}

.generate-feepayments-button:hover {
    background-color: #406040;
    box-shadow: 0 0 0 5px #4060405f;
    color: #fff;
}

.generate-subscriptions-button {
    background-color: #204020;
    color: #fff;
    border: 1px solid #12b800;
    cursor: pointer;
    border-radius: 4px;
    width: 120px;
    height: 22px;
    transition: 0.3s;
}

.generate-subscriptions-button:hover {
    background-color: #406040;
    box-shadow: 0 0 0 5px #4060405f;
    color: #fff;
}

.copyfees-payments-confirm-button {
    background-color: #002570;
    color: #fff;
    border: 2px solid #4a84f7;
    cursor: pointer;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    transition: 0.3s;
}

.copyfees-payments-confirm-button:hover {
    background-color: #4a84f7;
    box-shadow: 0 0 0 5px #3b83f65f;
    color: #fff;
}

.subscriptions-payments-confirm-button {
    background-color: #002570;
    color: #fff;
    border: 2px solid #4a84f7;
    cursor: pointer;
    border-radius: 4px;
    width: 100px;
    height: 30px;
    transition: 0.3s;
}

.subscriptions-payments-confirm-button:hover {
    background-color: #4a84f7;
    box-shadow: 0 0 0 5px #3b83f65f;
    color: #fff;
}

.editclient-button {
    color: #c0c0c0;
    background-color: #363636;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    width: 40px;
    height: 20px;
    transition: 0.3s;
    text-align: center;
    font-size: 12px;
}

.editclient-button:hover {
    background-color: #505050;
    box-shadow: 0 0 0 2px rgba(1, 208, 255, 0.54);
    color: #fff;
}

.editbutton-vps {
  color: #c0c0c0;
  background-color: #363636;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  width: 140px;
  height: 20px;
  transition: 0.3s;
  text-align: center;
  font-size: 12px;
}

.editbutton-vps:hover {
  background-color: #505050;
  box-shadow: 0 0 0 2px rgba(1, 208, 255, 0.54);
  color: #fff;
}

.enablecp-button {
  background-color: #303030;
  color: #fa8b23;
  border: solid 1px #606030;
  cursor: pointer;
  border-radius: 1px;
  font-size: 14px;
  width: 40px;
  height: 20px;
  transition: 0.3s;
}

.enablecp-button:hover {
  background-color: #404040;
  box-shadow: 0 0 0 2px #3b83f65f;
  color: #fff;
}

.tablebutton-vps {
    color: #c0c0c0;
    background-color: #404040;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    width: 130px;
    height: 2.0em;
    padding-left: 0.8em;
    padding-right: 0.8em;
    transition: 0.3s;
    text-align: center;
    font-size: 12px;
}

.tablebutton-vps:hover {
    background-color: #505050;
    box-shadow: 0 0 0 2px rgba(1, 208, 255, 0.54);
    color: #fff;
}

.accounts-table {
  tbody,
  tr,
  td {
    padding: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 14px;
    text-align: center;
    white-space: normal;
  }

  th {
    background: #b0b0b0;
    font-size: 14px; 
    color: #303030;
    position: sticky;
    top: 0;
  }
}

.payments-table {
    tbody,
    tr,
    td {
        padding: 5px;
        padding-top: 0px;
        padding-bottom: 0px;
        font-size: 13px;
        text-align: center;
        white-space: normal;
    }

    th {
        background: #b0b0b0;
        font-size: 14px;
        color: #303030;
        position: sticky;
        top: 0;
    }
}

.search-label {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px;
  overflow: hidden;
  background: #3D3D3D;
  padding: 4px;
  cursor: text;
}

.search-label:hover {
  border-color: gray;
}

.search-label:focus-within {
  background: #A6A6A6;
  border-color: gray;
}

.search-label input {
  outline: none;
  width: 100%;
  border: none;
  background: none;
  color: #ffffff;
}

.search-label input:valid {
  width: calc(100% - 22px);
  transform: translateX(20px);
}

.managerfees-table {
    tbody,
    tr,
    td {
        padding: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 14px;
        text-align: center;
        white-space: normal;
    }

    th {
        background: #b0b0b0;
        font-size: 14px;
        color: #303030;
        position: sticky;
        top: 0;
    }
}

.month-selection {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    border: 1px solid transparent;
    border-radius: 4px;
    overflow: hidden;
    background: #3D3D3D;
    color: #ffffff;
    padding: 0px;
    height: 30px;
    text-align: center;
    cursor: text;
}

/*
 * Selettore tipologia di prodotto
 */
.producttype-input {
    display: flex;
    width: 230px;
    align-items: center;
    gap: 2px;
    background-color: black;
    padding: 4px;
    border-radius: 10px;
    z-index: -1;
}

.producttype-input input {
    display: none;
}

.producttype-input .producttype-label {
    width: 100%;
    height: 10px;
    background: linear-gradient(to bottom, #333333, rgb(36, 35, 35));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px;
    transition: all 0.1s linear;
    border-top: 1px solid #4e4d4d;
    background-color: #333333;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 17px 5px 1px rgba(0, 0, 0, 0.2);
}

.producttype-label:has(input[type="radio"]:checked) {
    box-shadow: 0px 17px 5px 1px rgba(0, 0, 0, 0);
    background: linear-gradient(to bottom, #6d6d6d, #1d4d1d);
    border-top: none;
}

.producttype-label:first-child {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.producttype-label:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.producttype-label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 103%;
    height: 100%;
    border-radius: 10px;
    background: linear-gradient(
            to bottom,
            transparent 10%,
            transparent,
            transparent 90%
    );
    transition: all 0.1s linear;
    z-index: -1;
}

.producttype-label:has(input[type="radio"]:checked)::before {
    background: linear-gradient(
            to bottom,
            transparent 10%,
            #cae2fd63,
            transparent 90%
    );
}

.producttype-label .text {
    color: black;
    font-size: 15px;
    line-height: 12px;
    padding: 0px;
    font-weight: 800;
    text-transform: uppercase;
    transition: all 0.1s linear;
    text-shadow:
            -1px -1px 1px rgb(224, 224, 224, 0.1),
            0px 2px 3px rgb(0, 0, 0, 0.3);
}

.producttype-label input[type="radio"]:checked + .text {
    color: rgb(202, 226, 253);
    text-shadow: 0px 0px 12px #cae2fd;
}



/* container that looks like the numeric fields */
.field.select-wrap{
    flex:1;
    height: 1.5em;
    border-radius:10px;
    background: linear-gradient(180deg, var(--field), var(--field-2));
    padding:0 12px;
    display:flex;
    align-items:center;
    position:relative;
    box-shadow: var(--shadow-inset), 0 1px 0 var(--accent);
    border: none; /*1px solid rgba(255,255,255,0.03);*/
}

/* The select itself is transparent so the wrapper provides the background */
.styled-select {
    height: 27px;
    width: 300px;
    text-align: left;   /* was right */
    padding-left: 8px; /* adjust padding since it's no longer right-aligned */
    padding-right: 36px; /* still leave space for arrow */
    font-size: 14px;
    overflow: hidden;
    color: #c0c0c0;
    border-radius: 5px;
    background-color: #303030;

    border: 2px solid transparent;            /* remove browser border */
    outline: none;            /* no blue focus outline */
    box-shadow: none;         /* prevent default shadows */
}

.styled-select:hover,
.styled-select:focus {
    border: 2px solid #4A9DEC;
    box-shadow: 0px 0px 0px 2px rgb(74, 157, 236, 20%);
    color: #f0f0f0;
    background-color: #505050;
}

/* Dropdown options alignment */
.styled-select option {
    text-align: left;
}

/*
.styled-select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    outline: none;
    color: var(--text);
    font-weight: 600;
    font-size: 16px;
    height:100%;
    width:100%;
    padding: 0 36px 0 8px; // right padding leaves room for arrow
    text-align: left; // right-align the visible option like the numbers in your screenshot
    cursor: pointer;
}
*/

/* custom arrow on the right */
.field.select-wrap::after{
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    pointer-events: none;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23e6e6e6' d='M7 10l5 5 5-5z'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    opacity: 0.95;
}

/* focus state */
.styled-select:focus + /* no sibling here, so target wrapper via :focus-within */ {}
.field.select-wrap:focus-within{
    box-shadow: var(--shadow-inset), 0 0 0 3px rgba(255,255,255,0.02), 0 1px 0 var(--accent);
    border-color: rgba(255,255,255,0.06);
}

/* smaller devices */
@media (max-width:460px){
    .label{ width:120px; }
}

/* Overlay */
#reqval_overlay {
    position: fixed;
    inset: 0;                 /* top:0; right:0; bottom:0; left:0; */
    width: 100vw;            /* full viewport width */
    height: 100vh;           /* full viewport height */
    display: none;           /* hidden until used */
    justify-content: center; /* center horizontally */
    align-items: center;     /* center vertically */
    background: rgba(0,0,0,0.45);
    z-index: 9999;           /* above most content */
    box-sizing: border-box;
}

/* Popup box */
#reqdate_popup {
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    min-width: 250px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transform: scale(0.8);   /* initial small */
    opacity: 0;              /* initial hidden */
    transition: all 0.3s ease; /* smooth effect */

    position: fixed;
    left: 50%;
    top: 50%;
}

/* When overlay is active, animate popup in */
#reqdate_overlay.active #reqdate_popup {
    transform: scale(1);
    opacity: 1;
}

#reqdate_popup input {
    width: 50%;
    padding: 5px;
    margin: 10px;
    text-align: center;
}

#reqdate_popup button {
    width: 80px;
    padding: 6px 12px;
    margin: 5px;
    cursor: pointer;
    background-color: #4A9DEC;
    border: 2px solid #0f5598;
}