{"version":3,"file":"public.css","mappings":";;;AAGA;EACI;EACA;AAFJ;;AAMA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;AALJ;AAOI;EACI;EACA;AALR;AASI;EACI;AAPR;AAWI;EACI;AATR;AAaI;EACG;AAXP;AAcI;EACI;AAZR;AAeI;EACG;AAbP;AAgBI;EACI;AAdR;;AAmBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAhBJ;;AAoBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjBJ;AAmBI;EAbJ;IAcQ;EAhBN;AACF;AAkBI;EAjBJ;IAkBQ;EAfN;AACF;;AAmBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhBJ;AAkBI;EACI;AAhBR;AAmBI;EACI;EACA;EACA;AAjBR;;AAsBA;EACI;EACA;EACA;AAnBJ;AAqBI;EACI;AAnBR;AAsBI;EACI;EACA;EACA;EACA;AApBR;;AAyBA;EACI;EACA;EACA;AAtBJ;AAyBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBZ;;AA6BA;EACI;EACA;EACA;EACA;AA1BJ;AA4BI;EACI;EACA;EACA;AA1BR;AA4BQ;EACI;EACA;AA1BZ;;AAgCA;EACI;EACA;EACA;AA7BJ;AA+BI;EACI;EACA;EACA;EACA;AA7BR;AA+BQ;EACI;EACA;EACA;AA7BZ;AAgCQ;EACI;EACA;EACA;AA9BZ;;AAoCA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjCJ;AAmCI;EACI;AAjCR;;AAsCA;EACI;IAAO;EAlCT;EAmCE;IAAK;EAhCP;AACF;AAkCA;EACI;IAAO;EA/BT;EAgCE;IAAK;EA7BP;AACF;AA+BA;EACI;IAAK;EA5BP;EA6BE;IAAO;EA1BT;AACF;AA4BA;EACE;AA1BF;;AA6BA;EACI;AA1BJ;;AA6BA;;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1BF;;AA+BA;;EAEE;AA5BF;;AAgCA;EACE;IACE;IACA;EA7BF;EA+BA;IACE;IACA;EA7BF;AACF;AAgCA;EACE;IACE;IACA;EA9BF;EAgCA;IACE;IACA;EA9BF;AACF;AAiCA;EACE;IACE;IACA;EA/BF;EAiCA;IACE;IACA;EA/BF;AACF;AAkCA;EACE;IACE;IACA;EAhCF;EAkCA;IACE;IACA;EAhCF;AACF;AAmCA;EACC;EACA;EACA;EACA;AAjCD;;AAoCA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjCJ;;AAqCA;EACC;EACA;EACA;EACG;EACA;EACA;AAlCJ;AAoCC;EACC;EACA;EACA;AAlCF;AAqCC;EACC;AAnCF;;AAwCA;EACI;EACA;EACA;AArCJ;;AAwCA;EACI;EACA;EACA;AArCJ;;AAwCA;EACI;EACA;EACA;EACA;EACA;AArCJ;;AAwCA;EACI;EACA;AArCJ;;AAwCA;EACI;EACC;AArCL;;AAwCA;EACI;AArCJ;;AAyCA;EACI;AAtCJ;;AAyCA;EACC;EACA;EACA;AAtCD;;AAyCA;EACC;IACC;IACA;EAtCA;EAwCD;IACC;IACA;EAtCA;AACF;AAyCA;AACA;EACI;EACA;EACA;AAvCJ;AAyCI;EACI;AAvCR;;AA2CA;AACA;EACI;AAxCJ;;AA2CA;EACI;EACA;EACA;AAxCJ;;AA2CA;EACI;EACA;EACA;AAxCJ;;AA2CA;EACI;AAxCJ;;AA2CA;EACI;AAxCJ;;AA2CA;EACI;EACA;EACA;EACA;AAxCJ;;AA4CI;;;;;EAKI;AAzCR;;AA6CA;EACC;EACA;EACA;EACA;EACA;AA1CD;;AA6CA;EACI;AA1CJ;;AA6CA;EACI;AA1CJ;;AA6CA;EACE;AA1CF;;AA6CA;EACI;AA1CJ;;AA6CA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA1CD;;AA6CA;EACC;EACA;EACA;EACA;EACA;EACA;AA1CD;;AA6CA;EACI;EACA;EACA;EACA;AA1CJ;;AA8CA;EACI;EACA;EACA;AA3CJ;;AA8CA;;;EAGI;AA3CJ,C","sources":["webpack://thlogin/./src/public/styles/frontend.scss"],"sourcesContent":["// Base styles for the Themehunk Login Registration frontend modal and forms.\r\n\r\n// General body styling to prevent scroll when modal is open\r\nbody.thlogin-modal-open {\r\n    overflow: hidden;\r\n    padding-right: 15px; // Compensate for scrollbar to prevent layout shift\r\n}\r\n\r\n// Main modal container\r\n.thlogin-popup-modal {\r\n    display: none; // Hidden by default, shown by JS\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    z-index: 99999; // High z-index to be on top\r\n    justify-content: center;\r\n    align-items: center;\r\n    overflow-y: auto; // Allow scrolling if content is too tall\r\n    -webkit-overflow-scrolling: touch; // Smooth scrolling on iOS\r\n\r\n    // Initial state for animations\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;\r\n\r\n    &.thlogin-popup-modal--active {\r\n        opacity: 1;\r\n        visibility: visible;\r\n    }\r\n\r\n    // Animation for opening\r\n    &.thlogin-popup-modal--opening {\r\n        animation: thlogin-fade-in 0.3s forwards;\r\n    }\r\n\r\n    // Animation for closing\r\n    &.thlogin-popup-modal--closing {\r\n        animation: thlogin-fade-out 0.3s forwards;\r\n    }\r\n\r\n    // Animation for opening\r\n    &.thlogin-slide-in-right.thlogin-popup-modal--opening .thlogin-popup-form-container{\r\n       animation: slideInFromRight 0.5s forwards !important;\r\n    }\r\n\r\n    &.thlogin-slide-in-right.thlogin-popup-modal--closing .thlogin-popup-form-container{\r\n        animation: slideOutToRight 0.5s forwards !important;\r\n    }\r\n\r\n    &.thlogin-slide-in-left.thlogin-popup-modal--opening .thlogin-popup-form-container{\r\n       animation: slideInFromLeft 0.5s forwards !important;\r\n    }\r\n\r\n    &.thlogin-slide-in-left.thlogin-popup-modal--closing .thlogin-popup-form-container{\r\n        animation: slideOutToLeft 0.5s forwards !important;\r\n    }\r\n}\r\n\r\n// Modal overlay\r\n.thlogin-popup-overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.7); // Default overlay color\r\n    cursor: pointer;\r\n}\r\n\r\n// Form container within the modal\r\n.thlogin-popup-form-container {\r\n    position: relative;\r\n    z-index: 100; // Above overlay\r\n    max-width: 500px;\r\n    width: 400px; // Default width\r\n    margin: 20px; // Margin for smaller screens\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center; // Center content horizontally\r\n    justify-content: center; // Center content vertically\r\n    min-height: 300px; // Minimum height for forms\r\n\r\n    @media (max-width: 768px) {\r\n        width: 90%;\r\n    }\r\n\r\n    @media (max-width: 480px) {\r\n        width: 95%;\r\n    }\r\n}\r\n\r\n// Close button\r\n.thlogin-popup-close-button {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    background: transparent;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 5px;\r\n    font-size: 24px;\r\n    line-height: 1;\r\n    color: #333; // Default icon color\r\n    transition: color 0.2s ease-in-out;\r\n    z-index: 100001; // Above form container\r\n\r\n    &:hover {\r\n        color: #000; // Default hover color\r\n    }\r\n\r\n    .dashicons {\r\n        width: 24px;\r\n        height: 24px;\r\n        font-size: 24px;\r\n    }\r\n}\r\n\r\n// Individual form styling (hidden/shown by JS)\r\n.thlogin-form {\r\n    display: none; // Hidden by default, shown by setActiveForm\r\n    width: 100%; // Take full width of container\r\n    box-sizing: border-box;\r\n\r\n    &.thlogin-form--active {\r\n        display: block; // Or flex, depending on internal layout\r\n    }\r\n\r\n    h2 {\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n        color: #222;\r\n        font-size: 1.8em;\r\n    }\r\n}\r\n\r\n// Form submission button\r\n.thlogin-form-submit {\r\n    text-align: center;\r\n    width: 100%;\r\n    margin:0;\r\n\r\n    .thlogin-button {\r\n        .thlogin-spinner {\r\n            display: inline-block;\r\n            width: 16px;\r\n            height: 16px;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            border-radius: 50%;\r\n            border-top-color: #fff;\r\n            animation: spin 1s ease-in-out infinite;\r\n            margin-right: 8px;\r\n            vertical-align: middle;\r\n        }\r\n    }\r\n}\r\n\r\n// Form links (e.g., \"Forgot Password?\", \"Back to Login\")\r\n.thlogin-form-links {\r\n    text-align: center;\r\n    width: 100%;\r\n    font-size: 14px;\r\n    margin:0;\r\n\r\n    a {\r\n        color: #007cba;\r\n        text-decoration: none;\r\n        transition: color 0.2s ease-in-out;\r\n\r\n        &:hover {\r\n            color: #005ba0;\r\n            text-decoration: underline;\r\n        }\r\n    }\r\n}\r\n\r\n// Messages (success/error)\r\n.thlogin-messages {\r\n    width: 100%;\r\n    margin-bottom: 15px;\r\n    text-align: center;\r\n\r\n    p.thlogin-message {\r\n        padding: 10px 15px;\r\n        border-radius: 4px;\r\n        border: 1px solid;\r\n        margin: 0;\r\n\r\n        &--success {\r\n            background-color: #e6ffe6;\r\n            border-color: #4CAF50;\r\n            color: #333;\r\n        }\r\n\r\n        &--error {\r\n            background-color: #ffe6e6;\r\n            border-color: #F44336;\r\n            color: #333;\r\n        }\r\n    }\r\n}\r\n\r\n// Shortcode form wrapper styles (for inline forms)\r\n.thlogin-shortcode-form-wrapper {\r\n    max-width: 500px; // Match modal form max-width for consistency\r\n    margin: 30px auto;\r\n    padding: 30px;\r\n    background-color: #ffffff;\r\n    border: 1px solid #e0e0e0;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);\r\n    box-sizing: border-box;\r\n\r\n    .thlogin-form {\r\n        display: block; // Always visible when embedded via shortcode\r\n    }\r\n}\r\n\r\n// Animations\r\n@keyframes thlogin-fade-in {\r\n    from { opacity: 0; }\r\n    to { opacity: 1; }\r\n}\r\n\r\n@keyframes thlogin-fade-out {\r\n    from { opacity: 1; }\r\n    to { opacity: 0; }\r\n}\r\n\r\n@keyframes spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n}\r\n\r\n.thlogin-popup-modal.thlogin-slide-in-right{\r\n  justify-content: flex-end;\r\n}\r\n\r\n.thlogin-popup-modal.thlogin-slide-in-left {\r\n    justify-content: flex-start;\r\n}\r\n\r\n.thlogin-popup-modal.slide-in-left .thlogin-popup-form-container,\r\n.thlogin-popup-modal.slide-in-right .thlogin-popup-form-container {\r\n  position: fixed;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 320px; // narrower width for slide-in\r\n  max-width: 80vw;\r\n  height: 100vh;\r\n  border-radius: 0;\r\n  margin: 0;\r\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);\r\n  overflow-y: auto;\r\n  padding: 20px 30px;\r\n  background-color: #fff;\r\n  z-index: 100000;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-start;\r\n}\r\n\r\n\r\n// Overlay hidden for slide modes or optionally semi-transparent behind panel\r\n.thlogin-popup-modal.slide-in-left .thlogin-popup-overlay,\r\n.thlogin-popup-modal.slide-in-right .thlogin-popup-overlay {\r\n  display: none; // or reduce opacity if you want some dimming effect\r\n}\r\n\r\n// Keyframe animations\r\n@keyframes slideInFromLeft {\r\n  from {\r\n    transform: translateX(-100%);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideOutToLeft {\r\n  from {\r\n    transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@keyframes slideInFromRight {\r\n  from {\r\n    transform: translateX(100%);\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@keyframes slideOutToRight {\r\n  from {\r\n    transform: translateX(0);\r\n    opacity: 1;\r\n  }\r\n  to {\r\n    transform: translateX(100%);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.thlogin-form-toggle {\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\tgap: 10px;\r\n\tmargin-bottom: 20px;\r\n}\r\n\r\n/* Main page mode layout */\r\n#thlogin-popup-modal.thlogin-page {\r\n    position: fixed;\r\n    display:none !important;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: 9999;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    overflow-y: auto;\r\n    padding: 20px;\r\n}\r\n\r\n//icon\r\n.thlogin-label-with-icon {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tgap: 8px;\r\n    white-space: nowrap;\r\n    /* overflow: hidden; */\r\n    text-overflow: ellipsis;\r\n\r\n\t.thlogin-label-icon {\r\n\t\tdisplay: inline-flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.thlogin-label-text {\r\n\t\tdisplay: inline-block;\r\n\t}\r\n}\r\n\r\n//header\r\n.thlogin-popup-close-button {\r\n    position: absolute;\r\n    top: 3%;\r\n    right: 3%;\r\n}\r\n\r\n.thlogin-form-toggle {\r\n    display: flex;\r\n    gap: 10px;\r\n    margin: 15px 0;\r\n}\r\n\r\n.thlogin-toggle-button {\r\n    padding: 8px 20px;\r\n    border: none;\r\n    border-radius: 4px;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.thlogin-slide-in-left .thlogin-popup-form-container{\r\n    height:100%;\r\n    margin:0;\r\n}\r\n\r\n.thlogin-slide-in-right .thlogin-popup-form-container{\r\n    height:100%;\r\n     margin:0;\r\n}\r\n\r\n.thlogin-page .thlogin-popup-form-container{\r\n    height: max-content;\r\n}\r\n\r\n\r\n.thlogin-popup-modal .thlogin-popup-form-container{\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.thlogin-popup-modal-effect .thlogin-popup-form-container {\r\n\tanimation: thModalPopupOpen 0.3s ease-out forwards;\r\n\topacity: 0;\r\n\ttransform: scale(0.9);\r\n}\r\n\r\n@keyframes thModalPopupOpen {\r\n\t0% {\r\n\t\topacity: 0;\r\n\t\ttransform: scale(0.9);\r\n\t}\r\n\t100% {\r\n\t\topacity: 1;\r\n\t\ttransform: scale(1);\r\n\t}\r\n}\r\n\r\n/* reCAPTCHA styles */\r\n.g-recaptcha {\r\n    margin: 15px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    \r\n    iframe {\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n/* For v3 badge - optionally hide it */\r\n.grecaptcha-badge {\r\n    visibility: hidden;\r\n}\r\n\r\n.thlogin-layout-inline{\r\n    display: flex;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n}\r\n\r\n.thlogin-form-field--checkbox.thlogin-layout-inline{\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.thlogin-form-field{\r\n    margin:0;\r\n}\r\n\r\n.thlogin-layout-inline .thlogin-label-with-icon .thlogin-label-icon{\r\n    display:none;\r\n}\r\n\r\n.thlogin-form-field.thlogin-form-field--terms, .thlogin-form-field--checkbox{\r\n    display: flex;\r\n    align-items: center;\r\n    /* justify-content: center; */\r\n    gap: 10px;\r\n}\r\n\r\n.thlogin-shortcode-form-wrapper{\r\n    .thlogin-header-top-row, \r\n    .thlogin-header-cancel-button,\r\n    .thlogin-form-toggle,\r\n    .thlogin-link-separator,\r\n    .thlogin-link[data-th-popup-action=\"register\"]{\r\n        display:none;\r\n    }\r\n}\r\n\r\n.thlogin-layout-floating .layout-placehold input {\r\n\tborder: none !important;\r\n\tborder-bottom: 1px solid black !important;\r\n\toutline: none !important;\r\n\tborder-radius: 0 !important;\r\n\tbox-shadow: none !important;\r\n}\r\n\r\n.icon-activated-input-wrapper .floating-label{\r\n    margin-left:25px;\r\n}\r\n\r\n.thlogin-menu-item svg{\r\n    width:25px;\r\n}\r\n\r\n.thlogin-honeypot-field, .thlogin-form-field--honeypot{\r\n  display:none;\r\n}\r\n\r\n.thlogin-form-field--terms a{\r\n    text-decoration: none !important;\r\n}\r\n\r\n.thlogin-session-warning {\r\n\tposition: fixed;\r\n\tbottom: 20px;\r\n\tright: 20px;\r\n\tbackground: #fff3cd;\r\n\tcolor: #856404;\r\n\tborder: 1px solid #ffeeba;\r\n\tpadding: 15px 20px;\r\n\tborder-radius: 5px;\r\n\tbox-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);\r\n\tz-index: 9999;\r\n}\r\n\r\n.thlogin-session-warning-inner button {\r\n\tbackground: #0073aa;\r\n\tcolor: #fff;\r\n\tborder: none;\r\n\tpadding: 6px 10px;\r\n\tborder-radius: 3px;\r\n\tcursor: pointer;\r\n}\r\n\r\n.thlogin-form-logo{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content: center;\r\n    gap:10px;\r\n}\r\n\r\n\r\n#wp-auth-check-wrap #wp-auth-check{\r\n    overflow: hidden;\r\n    max-height: 500px;\r\n    width: 500px;\r\n}\r\n\r\n.thlogin-inline-combined-form-wrapper .thlogin-form,\r\n.thlogin-auto-popup-shortcode-wrapper .thlogin-form,\r\n.thlogin-shortcode-form-wrapper .thlogin-form--active{\r\n    display: block!important;\r\n}"],"names":[],"sourceRoot":""}