/*
 Theme Name:   Fast Track Patent Child
 Theme URI:    https://fasttrackpatent.com
 Description:  Child theme for Fast Track Patent using Twenty Twenty-Five
 Author:       Your Name
 Author URI:   https://fasttrackpatent.com
 Template:     twentytwentyfive
 Version:      1.0.0
 Text Domain:  fasttrackpatent-child
*/

/* Custom Styles Start Here */

@media screen and (max-width: 768px) {
    table.variations {
        width: 100%;
        table-layout: auto; /* Allows table cells to adjust their width naturally */
    }

    table.variations th.label {
        display: block; /* Makes the label appear as a block element */
        width: 100%; /* Ensures it takes up the full width */
        text-align: left; /* Aligns text to the left */
        padding-bottom: 5px; /* Adds spacing for better readability */
    }

    table.variations td.value {
        display: block; /* Ensures the dropdown appears below the label */
        width: 100%;
    }

    table.variations select {
        width: 100%; /* Makes sure the dropdown fits the available space */
    }
}

@media screen and (max-width: 768px) {
    h1.wp-block-heading, h2.wp-block-heading {
        padding: 2px !important;
    }
}

@media screen and (max-width: 768px) {
    .has-global-padding {
        padding-left: 10px !important;
	padding-right: 10px !important;
    }
}


div#assignee label {
	display: inline;
	font-weight: normal !important;
        color: #111111 !important;
}

input#showAssignee {
	width: 2em;
	height:2em;
	vertical-align: bottom;
}

select#assigneeType {
   height: 2.5em;
   padding: 6px;
   border: 2px solid cornflowerblue;
}

.hidden {
    display: none;
}

.required::after {
    content: " *";
    color: red;
}

div#loading {
  text-align:center;
}

.spinner {
  display: inline-grid;
  width: 80px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  outline: 7px solid #474847;
  outline-offset: -1px;
  animation: l3-0 4s linear infinite;

}
.spinner:before,
.spinner:after {
  content:"";
  grid-area: 1/1;
}
.spinner:before {
  clip-path: polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,100% 50%,83.81% 59.06%,93.3% 75%,74.75% 74.75%,75% 93.3%,59.06% 83.81%,50% 100%,40.94% 83.81%,25% 93.3%,25.25% 74.75%,6.7% 75%,16.19% 59.06%,0% 50%,16.19% 40.94%,6.7% 25%,25.25% 25.25%,25% 6.7%,40.94% 16.19%,50% 0%,59.06% 16.19%,75% 6.7%,74.75% 25.25%,93.3% 25%,83.81% 40.94%,100% 50%);
  background: #474847;
}
.spinner:after {;
  margin: 12.5%;
  clip-path: polygon(100% 50%,78.19% 60.26%,88.3% 82.14%,65% 75.98%,58.68% 99.24%,44.79% 79.54%,25% 93.3%,27.02% 69.28%,3.02% 67.1%,20% 50%,3.02% 32.9%,27.02% 30.72%,25% 6.7%,44.79% 20.46%,58.68% 0.76%,65% 24.02%,88.3% 17.86%,78.19% 39.74%);
  background: #C0C0C0;
  transform: rotate(0turn) translate(15.625%) rotate(0turn);
  animation: l3-1 2s linear infinite;
}
@keyframes l3-0 {to{rotate: -1turn}}
@keyframes l3-1 {to{transform: rotate(1turn) translate(15.625%) rotate(-1.333turn)}}

/*
.spinner {
            border: 16px solid #f3f3f3; /* Light grey */
            border-top: 16px solid #3498db; /* Blue */
            border-radius: 50%;
            width: 120px;
            height: 120px;
            animation: spin 2s linear infinite;
            margin: 20px auto;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
*/

#IDF_thankyou {
	text-align: center;
}

/* Style the Tinymce */

/* Make TinyMCE fill the container */
.tox-tinymce {
    width: 100% !important;
    height: 500px !important; /* Adjust height as needed */
    border-radius: 8px; /* Slightly rounded corners */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Style the editor content area */
.tox-edit-area {
    background: #fafafa; /* Light gray background */
    padding: 15px; /* Space inside the editor */
    border-radius: 8px; /* Ensure inner area matches outer rounding */
}

/* Style the toolbar */
.tox .tox-toolbar {
    background: #f8f8f8; /* Light background for toolbar */
    border-bottom: 1px solid #ddd; /* Subtle separator */
}

/* Style toolbar buttons */
.tox .tox-tbtn {
    color: #444 !important; /* Darker text for contrast */
    transition: all 0.2s ease-in-out;
}

/* Hover effect on toolbar buttons */
.tox .tox-tbtn:hover {
    background: #e0e0e0 !important; /* Light hover effect */
    border-radius: 5px;
}

/* Style the status bar (bottom bar) */
.tox .tox-statusbar {
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    border-radius: 0 0 8px 8px;
}


.invention-disclosure-form {
    margin: 0 auto;
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.invention-disclosure-form h2 {
    text-align: center;
    color: #333;
}

.invention-disclosure-form h3 {
    color: #0056b3;
    margin-top: 20px;
    text-align: center;
}

.invention-disclosure-form p {
    color: #555;
    font-size: 18px;
}

.invention-disclosure-form label {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    color: #0056b3;
}

.invention-disclosure-form input[type="text"],
.invention-disclosure-form input[type="email"],
.invention-disclosure-form input[type="tel"],
.invention-disclosure-form input[type="file"],
.invention-disclosure-form textarea {
    width: 97%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

#referralForm input[type="email"],
#referralForm input[type="text"] {
    width: 20em;
    height: 2em;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.invention-disclosure-form textarea {
    height: 100px;
}

.invention-disclosure-form button.add-button {
    background: #28a745;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
}

.invention-disclosure-form .submit-container {
    text-align: center;
}

.submit-button {
    background: #28a745 !important;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 18px;
}

.invention-disclosure-form .success-message {
    color: green;
    font-weight: bold;
}

.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #0056b3;
    text-decoration: underline;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: beige;
    color: #333;
    text-align: left;
    border-radius: 5px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%; 
    left: 50%;
    margin-left: -125px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 0.85em;
}

.tooltip .tooltiptext::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #f9f9f9 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s;
}