/* MAIN PLUGIN FILE */

.blayney-elements-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
}
.elements-title {
    display: inline-flex;
    align-items: center;
    gap:10px;
}
.blayney-elements-table thead {
    background-color: #f7f7f7;
}

.blayney-elements-table th, .blayney-elements-table td {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid #e0e0e0;
    vertical-align: middle;
    font-size:15px;
}
.blayney-elements-table thead th {
    color: #fff !important;
}
.show-key-button {
    flex: 1;
}

.blayney-element-card:hover {
    transition: all 0.3s ease;
    z-index: 99999 !important;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.3);
}
.blayney-elements-table thead tr:hover {
    background-color: #5731c9;
}
.blayney-elements-table thead tr {
    background-color: #5731c9;
}
.blayney-elements-table tr:hover {
    background-color: #f1f1f1;
}

.blayney-elements-table th {
    font-weight: bold;
    color: #333;
}
.alternate, .blayney-elements-table.striped>tbody>:nth-child(odd):hover, .blayney-elements-table ul.striped>:nth-child(odd):hover{
    background-color: #ececec;
}
.button {
    border-radius: 5px;
    padding: 8px 12px;
    text-decoration: none;
}
a.blayney-button{
    background: transparent !important;
    border-color: #5730c9 !important;
    color: #5730c9 !important;
}
a.blayney-button:hover{
    background: transparent !important;
    border-color: #4111a6 !important;
    color: #4111a6 !important;
    box-shadow: 0px 0px 4px 3px #4111a64d;
}
input.button.blayney-button{
    background: transparent !important;
    border-color: #5730c9 !important;
    color: #5730c9 !important;
}
input.button.blayney-button:hover{
    background: transparent !important;
    border-color: #4111a6 !important;
    color: #4111a6 !important;
    box-shadow: 0px 0px 4px 3px #4111a64d;
}

.elements-title {
    display: inline-flex;
    align-items: center;
    width:100%;
    gap:10px;
}

.notice.notice-success {
    background-color: #e0f7e0;
    border-left-color: #4caf50;
    color: #333;
}
.hide-all-salient{
    margin-bottom: 14px;
}
input.button.button-primary.blayney-button {
    background: #5730c9 !important;
    border-color: #5730c9 !important;
    color: #fff !important;
}
input.button.button-primary.blayney-button:hover {
    background: #4111a6 !important;
    border-color: #4111a6 !important;
    color: #fff !important;
    box-shadow: 0px 0px 4px 3px #4111a64d;
}
.toggle-icon {
    font-size: 18px;
}

.accordion.active .toggle-icon {
    transform: rotate(45deg);
}
input#plugin_renamer_hide_salient[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: green;
}
input#plugin_renamer_hide_salient[type=checkbox]:checked::before {
    width: 25px;
    height: auto;
    fill:#f00 !important;
}
input#plugin_renamer_hide_themes[type="checkbox"] {
    width: 20px;
    height: 20px;
    accent-color: green;
}
input#plugin_renamer_hide_themes[type=checkbox]:checked::before {
    width: 25px;
    height: auto;
    fill:#f00 !important;
}
label.hide-all-text {
    font-family: inherit;
    font-size: 15px;
    vertical-align: baseline;
}


.envato-urls{
    text-decoration: none !important;
}
.blayney-elements-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
img.previewImg {
    width: 100%;
    min-height: 225px;
    max-height: 225px;
    object-fit: cover;
}
.blayney-element-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    padding: 0px;
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: all 0.3s ease;
}
.blayney-no-items {
    text-align: center;
    grid-column: span 4;
}



/* Add some basic styles for the tabs */
.tabs {
    overflow: hidden;
    background-color: #f1f1f1;
}

.tablinks {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

.tablinks:hover {
    background-color: #ddd;
}

.tabcontent {
    display: none;
    padding: 20px;
    border: 1px solid #ccc;
}

/* Make the first tab visible by default */
#Plugins {
    display: block;
}

.card-title h3 {
    line-height: 1.3;
    margin: 0px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.card-title, .blayney-card-details {
    padding: 0px 20px;
    padding-bottom: 20px;
}

.card-title {
    padding-bottom: 12px !important;
    padding-top: 20px !important;
}

.blayney-card-details {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.blayney-card-details p {
    margin: 0px !important;
    width: 100%;
}

.card-buttons {
    width: 100%;
    position: relative;
}

a.show-key-button {
    background-color: #1d2327;
    color: white !important;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    text-decoration: none;
    display: inline-flex;
    flex: 1;
    justify-content: center;
    margin: 0px !important;
}
button.show-key-button {
    background-color: #9d9d9d;
    color: white !important;
    border: none;
    padding: 12px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    text-decoration: none;
    display: inline-flex;
    width: 48%;
    justify-content: center;
}

.show-key-button {
    background-color: #9d9d9d; /* Bootstrap primary color */
    color: white !important;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.2s;
    text-decoration:none;
}

.show-key-button:hover {
    background-color: #2170b1; /* Darker blue on hover */
}

/* Style for the purchase key container */
.purchase-key-container {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f9f9f9;
    display: none; /* Hidden by default */
    transition: max-height 0.4s ease, padding 0.4s ease;
    width: 100%;
}

/* Animated show/hide */
.purchase-key-container.show {
    display: block;
    max-height: 200px; /* Limit height to allow animation */
    padding: 10px; /* Padding when shown */
}






@media (max-width: 2200px) {
    .blayney-elements-cards {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
}

@media (max-width: 1800px) {
    .blayney-elements-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}

@media (max-width: 1600px) {
    .blayney-elements-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 900px) {
    .blayney-elements-cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}



/* MEDIA 768px */


@media (max-width: 768px) {
    .accordion-grid {
        grid-template-columns: 1fr; /* Stack on small screens */
    }
}


body,html{height:100%;margin:0;padding:0}body{background:#f0f0f1;min-width:0;color:#3c434a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:13px;line-height:1.4}a{color:#2271b1;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}a{outline:0}a:active,a:hover{color:#135e96}a:focus{color:#043959;box-shadow:0 0 0 2px #2271b1;outline:2px solid transparent}p{line-height:1.5}.login .message,.login .notice,.login .success{border-left:4px solid #72aee6;padding:12px;margin-left:0;margin-bottom:20px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);word-wrap:break-word}.login .success{border-left-color:#00a32a}.login .notice-error{border-left-color:#d63638}.login .login-error-list{list-style:none}.login .login-error-list li+li{margin-top:4px}#loginform p.submit,.login-action-lostpassword p.submit{border:none;margin:-10px 0 20px}.login *{margin:0;padding:0}.login .input::-ms-clear{display:none}.login .pw-weak{margin-bottom:15px}.login .button.wp-hide-pw{background:0 0;border:1px solid transparent;box-shadow:none;font-size:14px;line-height:2;width:2.5rem;height:2.5rem;min-width:40px;min-height:40px;margin:0;padding:5px 9px;position:absolute;right:0;top:0}.login .button.wp-hide-pw:hover{background:0 0}.login .button.wp-hide-pw:focus{background:0 0;border-color:#3582c4;box-shadow:0 0 0 1px #3582c4;outline:2px solid transparent}.login .button.wp-hide-pw:active{background:0 0;box-shadow:none;transform:none}.login .button.wp-hide-pw .dashicons{width:1.25rem;height:1.25rem;top:.25rem}.login .wp-pwd{position:relative}.no-js .hide-if-no-js{display:none}.login form{margin-top:20px;margin-left:0;padding:26px 24px 34px;font-weight:400;overflow:hidden;background:#fff;border:1px solid #c3c4c7;box-shadow:0 1px 3px rgba(0,0,0,.04)}.login form.shake{animation:shake .2s cubic-bezier(.19,.49,.38,.79) both;animation-iteration-count:3;transform:translateX(0)}@keyframes shake{25%{transform:translateX(-20px)}75%{transform:translateX(20px)}100%{transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.login form.shake{animation:none;transform:none}}.login-action-confirm_admin_email #login{width:60vw;max-width:650px;margin-top:-2vh}@media screen and (max-width:782px){.login-action-confirm_admin_email #login{box-sizing:border-box;margin-top:0;padding-left:4vw;padding-right:4vw;width:100vw}}.login form .forgetmenot{font-weight:400;float:left;margin-bottom:0}.login .button-primary{float:right}.login .reset-pass-submit{display:flex;flex-flow:row wrap;justify-content:space-between}.login .reset-pass-submit .button{display:inline-block;float:none;margin-bottom:6px}.login .admin-email-confirm-form .submit{text-align:center}.admin-email__later{text-align:left}.login form p.admin-email__details{margin:1.1em 0}.login h1.admin-email__heading{border-bottom:1px #f0f0f1 solid;color:#50575e;font-weight:400;padding-bottom:.5em;text-align:left}.admin-email__actions div{padding-top:1.5em}.login .admin-email__actions .button-primary{float:none;margin-left:.25em;margin-right:.25em}#login form p{margin-bottom:0}#login #reg_passmail,#login form .indicator-hint{margin-bottom:16px}#login form p.submit{margin:0;padding:0}.login label{font-size:14px;line-height:1.5;display:inline-block;margin-bottom:3px}.login .forgetmenot label,.login .pw-weak label{line-height:1.5;vertical-align:baseline}.login h1{text-align:center}.login h1 a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:center top;background-repeat:no-repeat;color:#3c434a;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:0 auto 25px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:0;overflow:hidden;display:block}#login{width:320px;padding:5% 0 0;margin:auto}.login #backtoblog,.login #nav{font-size:13px;padding:0 24px}.login #nav{margin:24px 0 0}#backtoblog{margin:16px 0;word-wrap:break-word}.login #backtoblog a,.login #nav a{text-decoration:none;color:#50575e}.login #backtoblog a:hover,.login #nav a:hover,.login h1 a:hover{color:#135e96}.login #backtoblog a:focus,.login #nav a:focus,.login h1 a:focus{color:#043959}.login .privacy-policy-page-link{text-align:center;width:100%;margin:3em 0 2em}.login form .input,.login input[type=password],.login input[type=text]{font-size:24px;line-height:1.33333333;width:100%;border-width:.0625rem;padding:.1875rem .3125rem;margin:0 6px 16px 0;min-height:40px;max-height:none}.login input.password-input{font-family:Consolas,Monaco,monospace}.js.login input.password-input{padding-right:2.5rem}.login form .input,.login form input[type=checkbox],.login input[type=text]{background:#fff}.js.login-action-resetpass input[type=password],.js.login-action-resetpass input[type=text],.js.login-action-rp input[type=password],.js.login-action-rp input[type=text]{margin-bottom:0}.login #pass-strength-result{font-weight:600;margin:-1px 5px 16px 0;padding:6px 5px;text-align:center;width:100%}body.interim-login{height:auto}.interim-login #login{padding:0;margin:5px auto 20px}.interim-login.login h1 a{width:auto}.interim-login #login_error,.interim-login.login .message{margin:0 0 16px}.interim-login.login form{margin:0}.screen-reader-text,.screen-reader-text span{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}input::-ms-reveal{display:none}#language-switcher{padding:0;overflow:visible;background:0 0;border:none;box-shadow:none}#language-switcher select{margin-right:.25em}.language-switcher{margin:0 auto;padding:0 0 24px;text-align:center}.language-switcher label{margin-right:.25em}.language-switcher label .dashicons{width:auto;height:auto}.login .language-switcher .button{margin-bottom:0}@media screen and (max-height:550px){#login{padding:20px 0}#language-switcher{margin-top:0}}@media screen and (max-width:782px){.interim-login input[type=checkbox]{width:1rem;height:1rem}.interim-login input[type=checkbox]:checked:before{width:1.3125rem;height:1.3125rem;margin:-.1875rem 0 0 -.25rem}#language-switcher label,#language-switcher select{margin-right:0}}@media screen and (max-width:400px){.login .language-switcher .button{display:block;margin:5px auto 0}}