/*!
Theme Name: Ajmera Optics
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ajmera-optics
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Ajmera Optics is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------*/
.contact_details a:hover {
  color: #000000;
}
.contact_details p a {
  color: #666666;
  font-size: 15px;
  margin: 0;
  white-space: pre-line;
  line-height: 1.55;
  font-weight: 500;
}

.stay_in_the_loop h4 br {
  display: none;
}
.button-style {
  border-radius: 0;
  font-size: 13px;
  width: 100%;
  min-width: 150px;
  margin-right: 8px;
  padding: 12px 22px;
  box-shadow: unset;
  color: #ffffff;
  padding: 15px 22px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 600;
  border: 1px solid #000000;
  max-width: fit-content;
  z-index: 0;
  overflow: hidden;
  border-radius: 0;
  box-shadow: unset;
  display: inline-block;
  text-align: center;
  background: #ffffff;
  color: #000000;
  margin-top: 10px;
}

.button-style:before {
  content: "";
  background: #ffffff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.4s;
  z-index: -1;
  left: auto;
  right: 100%;
  top: -100%;
}

/*.button_style:hover:before {
    left: auto;
    right: 0;
    top: 0;
    background: #ffffff;
}
.button_style:hover:after {
    top: 0;
    left: 0;
    background: #000000;
    color: #ffffff;
}*/
.button-style:after {
  content: "";
  background: #ffffff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: all 0.4s;
  z-index: -1;
}

.phpdev_brand_description p {
  color: #ffffff;
  white-space: pre-line;
  margin-top: 25px;
  display: inline-block;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 2.5px;
  font-weight: 500;
}

.company_overview img {
  max-height: 83px;
  transition: all 0.7s;
}

/* Custom WP Widget css */
.elementor-element-60b0601 {
  --display: flex !important;
}
.e-con-inner {
  padding: 0 !important;
}
.elementor-413 .elementor-element.elementor-element-7635993 p {
  font-size: 15px;
}

.products_range_and_btn .control_qty_input {
  display: flex;
  align-items: center;
}

.woocommerce ul.cart_list li a:hover {
  background: transparent;
}

.cart-total .table td {
  text-align: right;
}
#add_payment_method #payment,
body.woocommerce-cart #payment,
body.woocommerce-checkout #payment {
  background: transparent;
}

.checkout_radio_text img {
  height: 30px;
}
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box:before {
  background: none;
  content: none;
  padding: 0;
  margin: 0;
}
.woocommerce div.product form.cart .reset_variations {
  position: absolute;
  right: 0;
  color: red;
  visibility: visible;
}

p.woocommerce-shipping-destination {
  font-size: 10px;
}
.widget_shopping_cart_content {
  position: relative; /* Ensures the loader can be positioned absolutely within it */
}

.mini-cart-loader {
  position: absolute;
  top: 0;
  left: 0;
  background: #333333c7;
  padding: 5px;
  display: flex;
  align-items: center;
  z-index: 1024;
  width: 100%;
  justify-content: center;
  right: 0;
  color: #fff;
}

.mini-cart-loader .spinner {
  width: 20px;
  height: 20px;
  border: 3px solid #ccc;
  border-top: 3px solid #333; /* WooCommerce blue */
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-right: 8px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.create-account .clear {
  display: none;
}
.create-account > p {
  margin-bottom: 0px !important;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
  display: block;
  width: 97%;
  position: sticky;
  top: 0;
}

.header_search_view.search_start .search_frm_container {
  background: #fff;
  box-shadow: 1px 0px #0e0b0b14;
  display: block;
  margin: 0 15px;
  height: 100%;
  border: none;
  top: 0;
}

.header_search_view.search_start input[type="search"] {
  border-color: #ccc;
}
.header_search_view .search-area .search-results,
.top_search_view .list-group-item {
  border: none;
}
.top_search_view .list-group-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.top_search_view .search-loader {
  margin: 10px;
  position: absolute;
  top: 0;
}
.products .woocommerce-info {
  width: 100%;
}
.sort_btn_list .dropdown-item.active,
.sort_btn_list .dropdown-item:active {
  background: #e9ecef;
  /* color: #fff; */
}

.tab-content>.active > p {
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 25px;
    border: 1px solid #000;
    margin: 25px;
}
.tab_view{overflow:hidden;}
.contact_infos a{color:#666666 !important;}
.contact_infos span{margin-top:25px !important; margin-bottom:30px !important;}
.top_header_text p strong {
    color: #fff;
}
.copy_right .webplus a {
    padding-left: 4px;
}

.copy_right .webplus img {
    filter: invert(1) grayscale(1) brightness(2);
    opacity: 0.55;
    transition: 0.5s all;
}

.copy_right .webplus:hover img {
    opacity: 0.8;
}
/* 01-8-2025 */


table.woocommerce-grouped-product-list.group_table tr:last-child{border:none;}
.woocommerce div.product table.woocommerce-grouped-product-list.group_table td,.woocommerce div.product table.woocommerce-grouped-product-list.group_table td:first-child {
    text-align: left !important;padding-left:0px;padding-right:0px;
}
.woocommerce-grouped-product-list .single_variation_wrap {
    width: 100%;    
}
.woocommerce-grouped-product-list .variation-form {
    width: 100%;
    display: block;
	position:relative;
}

.grouped_form .file_submit_prescription .submit_file_text{max-width:100%;}

.grouped_form .products_range_and_btn {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 10px;
}
.grouped_form .custom-range {
 
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.35px;
    margin: 8px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    /* flex-wrap: wrap; */
    gap: 5px 10px;
    color: #000000;
    margin: 0 10px;
}

.variation-error, .grouped-form-error {
    margin-top: 10px;
    font-size: 14px;
    color: #dc3545; /* Bootstrap danger color */
}
.grouped-form-success {
    margin-top: 10px;
    font-size: 14px;
    color: #28a745; /* Bootstrap success color */
}
.variation-form .form-group {
    margin-bottom: 15px;
}
.variation-select {
    width: 100%;
    padding: 8px;
}
.group-table {
    width: 100%;
}
.reset_variations {
    margin-top: 10px;
    font-size: 14px;
}
.single_add_to_cart_button.loading {
    opacity: 0.5;
    cursor: not-allowed;
}
.woocommerce-cart-form dl.variation {
    width: 100%;
    display: flex;
    gap: 20px;
    max-width: 80%;
    flex-wrap: wrap;
}
.grouped_form .accordion-body {
    padding: 1rem 1.25rem;
    display: inline-block;
    width: 100%;
}
.grouped_form .products_range_and_btn .quantity.w-100 {
    width: auto !important;
}
.grouped_form .accordion-button:not(.collapsed) {
    background: #f6f6f6;
    color: #000;
}

.prodcuts_images_list .products_thumb .item {
    display: flex;
    height: calc(100% - 1px);   
}

.prodcuts_images_list .owl-stage {
    display: flex;
}

.grouped_form .accordion-button:focus {
    box-shadow: none;
    border-color: unset;
}
.custom-product-thumbnail {
    display: contents;
}
#cart_modal_right ul.popup_cart_list li .cart_item_img{    max-width: 100px;
    width: 100%;
    padding: 0px;}
.products_range_and_btn button.button_style i,.view_cart_btn:hover i {
    color: #fff;
}
.products_range_and_btn button.button_style:hover i,.view_cart_btn i {
    color: #000;
}
.grouped_form .buy_it_now i
{
    display: none !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover{background-color: #000000;
    color: #fff;
    opacity: 0.5;
    padding: 16px 22px;}

.woocommerce ul.products .product a  img {
    width:auto;
    height: 300px;         /* fixed same height */
    object-fit: cover;     /* crop edges, keep center */
    object-position: center center; 
    
}
.optics_details_box .optics_img img{width:auto;}


/* 06-10-2025 */

.sticky_grid_and_sorting svg {
    transform: rotate(90deg);
}

.removeFile {
    margin-left: 8px;
    color: #666;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    transition: color 0.2s ease-in-out;
}

.removeFile:hover {
    color: red;
}
/* ===== Contact Page Styles ===== */
/* Contact Page Styles */
.contact_details_section {
    margin: 60px 0px;
}

.contact_section_title {
    font-size: 22px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.contact_details_wrapper {
    padding: 40px;
    height: 100%;
    border-radius: 12px;
    background: #f8f8f8;
    border: 1px solid rgb(0 0 0 / 2%);
}

.contact_info_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: solid 1px #e5e5e5;
}

.contact_info_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.contact_info_item .contact_icon {
    margin-top: 6px;
    margin-right: 20px;
    flex-shrink: 0;
    width: 100%;
    max-width: 42px;
}

.contact_info_item .contact_icon img {
    max-height: 42px;
    transition: all 0.4s;
}

.contact_info_item:hover .contact_icon img {
    transform: scale(1.1);
}

.contact_info_item h4 {
    font-size: 16px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.contact_info_item p {
    font-size: 16px;
    color: #444444;
    line-height: 1.6;
    margin: 0;
}

.contact_info_item p a {
    color: #444444;
    font-weight: 400;
    text-decoration: none;
}

.contact_info_item p a:hover {
    color: #000000;
}

.contact_info_item .follow_us li i {
    color: #444444;
}
.contact_info_item .follow_us li a:before {
    background: rgb(145 145 145 / 16%);
}

.contact_info_item .follow_us li a:hover:before {
    transform: translate(-50%, -56%) scale(1);
}

.contact_form_wrapper {
    padding: 40px;
    height: 100%;
    border-radius: 12px;
    background: #f8f8f8;
    border: 1px solid rgb(0 0 0 / 2%);
}

.contact_form_wrapper .form-group {
    margin-bottom: 0;
}

.contact_form_wrapper label {
    font-size: 14px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact_form_wrapper .form-control {
    border: 1px solid #e0e0e0;
    padding: 15px;
    font-size: 15px;
    color: #444444;
    background: #ffffff;
    border-radius: 0;
    transition: all 0.3s;
}

.contact_form_wrapper .form-control:focus {
    border-color: #444444;
    box-shadow: none;
    outline: none;
}

.contact_form_wrapper textarea.form-control {
    resize: vertical;
    min-height: 100px;
}

.contact_form_wrapper select.form-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23444444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    padding-right: 40px;
    appearance: none;
}

.map_section {
    padding: 0;
}

.map_section iframe {
    width: 100%;
    height: 540px;
    display: block;
    filter: grayscale(20%);
    transition: all 0.4s;
}

.map_section:hover iframe {
    filter: grayscale(0%);
}
/* ===== End Contact Page Styles ===== */

@media only screen and (max-width: 1199px) {
    .contact_details_wrapper, .contact_form_wrapper {
        padding: 30px;
    }
    .contact_details_section {
        margin: 40px 0px;
    }
    .map_section iframe{
        height: 460px;
    }
}
@media only screen and (max-width: 575px) {
    .contact_details_wrapper, .contact_form_wrapper {
        padding: 21px 18px;
    }
    .contact_details_section {
        margin: 30px 0px;
    }
    .contact_info_item .contact_icon{
        max-width: 36px;
        margin-right: 12px;
    }
    .contact_info_item {
        margin-bottom: 21px;
        padding-bottom: 21px;
    }
    .map_section iframe{
        height: 320px;
    }
}
ul.follow_us li a:before {
    height: 40px;
    width: 40px;
    background: rgba(255, 255, 255, 0.161);
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 100%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 0;
    transition: all 0.4s;
}

ul.follow_us li a:hover:before {
    transform: translate(-50%, -50%) scale(1);
}
ul.follow_us {
    display: flex;
    gap: 24px;
    margin-top: 26px;
}
ul.follow_us li i {
    color: #444444;
    font-size: 22px;
}
.contact_form_wrapper .form-group input.form-control,.contact_form_wrapper .form-group select.form-control {
    font-size: 15px;
    color: rgb(68, 68, 68);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 224, 224);
    border-image: initial;
    padding: 15px;
    background: rgb(255, 255, 255);
    border-radius: 0px;
    transition: 0.3s;
}
/*

.contact_form_wrapper .form-group {
    margin-bottom: 0;
}

.contact_form_wrapper label {
    font-size: 14px;
    font-weight: 600;
    color: #444444;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact_form_wrapper .form-control {
    border: 1px solid #e0e0e0;
    padding: 15px;
    font-size: 15px;
    color: #444444;
    background: #ffffff;
    border-radius: 0;
    transition: all 0.3s;
}

.contact_form_wrapper .form-control:focus {
    border-color: #444444;
    box-shadow: none;
    outline: none;
}

.contact_form_wrapper textarea.form-control {
    resize: vertical;
    min-height: 100px;
}

.contact_form_wrapper select.form-control {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23444444' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
    padding-right: 40px;
    appearance: none;
}

.map_section {
    padding: 0;
}

.map_section iframe {
    width: 100%;
    height: 540px;
    display: block;
    filter: grayscale(20%);
    transition: all 0.4s;
}

.map_section:hover iframe {
    filter: grayscale(0%);
}
/* ===== End Contact Page Styles ===== */

@media only screen and (max-width: 1199px) {
    /*.contact_details_wrapper, .contact_form_wrapper {
        padding: 30px;
    }*/
    .contact_details_section {
        margin: 40px 0px;
    }
    .map_section iframe{
        height: 460px;
    }
}
@media only screen and (max-width: 575px) {
    .contact_details_wrapper, .contact_form_wrapper {
        padding: 21px 18px;
    }
    .contact_details_section {
        margin: 30px 0px;
    }
    .contact_info_item .contact_icon{
        max-width: 36px;
        margin-right: 12px;
    }
    .contact_info_item {
        margin-bottom: 21px;
        padding-bottom: 21px;
    }
    .map_section iframe{
        height: 320px;
    }
}*/

.wpcf7-not-valid-tip {
    position: absolute;
    font-size: 12px;
}
.wpcf7 form .wpcf7-response-output {
    margin: 5px 0;
}