/* ==============================
   LIGHT MODE
   ============================== */
:root {
    --bg-color-mode: #ffffff;
    --text-color-mode: #1a1a2e;
    --header-bg: rgba(255, 255, 255, 0.85);
    --card-bg: #f8f9fa;
    --border-color: rgba(0, 0, 0, 0.1);
}

/*html, body {*/
/*    overflow-y: scroll !important;*/
/*}*/

body {
    background-color: var(--bg-color-mode) !important;
    color: var(--text-color-mode);
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pp-service-details-title {
    color: var(--text-color-mode);
}

.tp-header-box {
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(10px);
    /*padding: 11px;*/
    /*padding-left: 20px;*/
}

.tp-header-7-menu > nav > ul > li > a {
    color: var(--text-color-mode);
}

.tp-blog-title {
    color: var(--text-color-mode);
}

.agntix-dark .tp-section-subtitle {
    color: var(--text-color-mode);
}

.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link {
    border: 1px solid rgba(0, 0, 0, 0.08);
}

.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link.active, .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link {
    color: var(--text-color-mode);
}

.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link.active, .tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link:hover {
    color: #ffffff
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color:var(--text-color-mode);
    background-color:var(--text-color-mode);
    border-color:var(--bs-nav-tabs-link-active-border-color)
}

.tp-portfolio-inner-tab-wrap nav .nav-tabs .nav-link:hover {
    background: var(--tp-grey-2);
    border: 1px solid var(--tp-grey-2);
    color: var(--text-color-mode);
}

.tp-portfolio-inner-title {
    color: var(--text-color-mode);
}

.tp-portfolio-inner-content span {
    color: rgba(0, 0, 0, 0.6);
}

.tp-section-title-mango {
    color: var(--text-color-mode);
}

[data-theme="light"] .tp-service-item {
    background-color: #ffffff;
    border-top: 1px dashed rgba(0, 0, 0, 0.15);
    border-top-color: rgba(0, 0, 0, 0.15);
    /*padding: 40px;*/
}

[data-theme="light"] .tp-service-item:last-child {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
    border-bottom-color: rgba(0, 0, 0, 0.15);
}

.cn-contactform-support-text span {
    color: var(--text-color-mode);
}

.agntix-dark .tp-section-title {
    color: var(--text-color-mode);
}

.agntix-dark .cst-section-title {
    color: var(--text-color-mode);
}

[data-theme="light"] .tp_text_invert > div {
    background-image: linear-gradient(to right, #000 50%, #d1d1d1 50%);
}

[data-theme="light"] .tp-service-content p {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .tp-btn-arrow {
    color: #1a1a1a;
}

[data-theme="light"] .tp-btn-arrow:hover {
    color: #ffffff;
}

[data-theme="light"] .tp-service-category span {
    color: #1a1a1a;
    border-color: rgba(19, 22, 13, 0.12);
}

[data-theme="light"] .tp-service-number span {
    color: #1a1a1a;
}

[data-theme="light"] .cst-about-text p {
    color: rgba(0, 0, 0, 0.6);
}

[data-theme="light"] .cst-about-list ul li {
    color: #1a1a1a;
}

[data-theme="light"] .tp-contact-form-input label {
    color: #1a1a1a;
}

[data-theme="light"] input[type=text],
[data-theme="light"] input[type=email],
[data-theme="light"] input[type=tel],
[data-theme="light"] input[type=number],
[data-theme="light"] input[type=password],
[data-theme="light"] input[type=url],
[data-theme="light"] textarea {
    background: #f6f6f9;
    color: #1a1a1a;
    border-color: #d4d4db;
}

[data-theme="light"] input[type=text]::-webkit-input-placeholder,
[data-theme="light"] input[type=email]::-webkit-input-placeholder,
[data-theme="light"] input[type=tel]::-webkit-input-placeholder,
[data-theme="light"] input[type=number]::-webkit-input-placeholder,
[data-theme="light"] input[type=password]::-webkit-input-placeholder,
[data-theme="light"] input[type=url]::-webkit-input-placeholder,
[data-theme="light"] textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] input[type=text]::-moz-placeholder,
[data-theme="light"] input[type=email]::-moz-placeholder,
[data-theme="light"] input[type=tel]::-moz-placeholder,
[data-theme="light"] input[type=number]::-moz-placeholder,
[data-theme="light"] input[type=password]::-moz-placeholder,
[data-theme="light"] input[type=url]::-moz-placeholder,
[data-theme="light"] textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] input[type=text]:-moz-placeholder,
[data-theme="light"] input[type=email]:-moz-placeholder,
[data-theme="light"] input[type=tel]:-moz-placeholder,
[data-theme="light"] input[type=number]:-moz-placeholder,
[data-theme="light"] input[type=password]:-moz-placeholder,
[data-theme="light"] input[type=url]:-moz-placeholder,
[data-theme="light"] textarea:-moz-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] input[type=text]:-ms-input-placeholder,
[data-theme="light"] input[type=email]:-ms-input-placeholder,
[data-theme="light"] input[type=tel]:-ms-input-placeholder,
[data-theme="light"] input[type=number]:-ms-input-placeholder,
[data-theme="light"] input[type=password]:-ms-input-placeholder,
[data-theme="light"] input[type=url]:-ms-input-placeholder,
[data-theme="light"] textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] input[type=text]::placeholder,
[data-theme="light"] input[type=email]::placeholder,
[data-theme="light"] input[type=tel]::placeholder,
[data-theme="light"] input[type=number]::placeholder,
[data-theme="light"] input[type=password]::placeholder,
[data-theme="light"] input[type=url]::placeholder,
[data-theme="light"] textarea::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

[data-theme="light"] input[type=text]:focus,
[data-theme="light"] input[type=email]:focus,
[data-theme="light"] input[type=tel]:focus,
[data-theme="light"] input[type=number]:focus,
[data-theme="light"] input[type=password]:focus,
[data-theme="light"] input[type=url]:focus,
[data-theme="light"] textarea:focus {
    background: #ebebef;
    border-color: #d4d4db;
}

[data-theme="light"] .tp-contact-form-input input,
[data-theme="light"] .tp-contact-form-input textarea {
    color: #1a1a1a;
    background: #f6f6f9;
    border-color: #d4d4db;
}


[data-theme="light"] .tp-contact-form-input input:focus,
[data-theme="light"] .tp-contact-form-input textarea:focus {
    background: #ebebef;
    border-color: #d4d4db;
}

[data-theme="light"] .black-bg-8 {
    background-color: #f0f0f0;
}

[data-theme="light"] .creative-footer-text {
    background-color: #e8e8ec;
    border-top-right-radius: 20px !important;
}

[data-theme="light"] .creative-footer-text::after,
[data-theme="light"] .creative-footer-text::before {
    box-shadow: 0px -18px 0 0 #e8e8ec;
}

[data-theme="light"] .creative-footer-text::before {
    box-shadow: none;
    display: none;
}

[data-theme="light"] .creative-footer-text p {
    color: #1a1a1a;
}

[data-theme="light"] .creative-footer-style .tp-footer-widget-title-sm {
    color: #1a1a1a;
}

[data-theme="light"] .creative-footer-style .tp-footer-widget-menu ul li a {
    color: #1a1a1a;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .creative-footer-style .tp-footer-widget-menu ul li a:hover {
    color: #1a1a1a;
    border-color: var(--tp-common-green-light);
    background-color: var(--tp-common-green-light);
}

[data-theme="light"] .creative-footer-style .tp-footer-widget-info a {
    color: #1a1a1a;
}

[data-theme="light"] .creative-footer-style .tp-footer-widget-info a:hover {
    color: var(--tp-common-green-light);
}

/* პირველი ელემენტი — light mode */
[data-theme="light"] .tp-footer-widget-menu ul li:first-child a {
    background-color: transparent !important;
    color: #0a0a0a !important;
    border: 1px solid #0a0a0a !important;
}

[data-theme="light"] .tp-footer-widget-menu ul li:first-child a:hover {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    border-color: #0a0a0a !important;
}

/* მეორე ელემენტი — light mode */
[data-theme="light"] .tp-footer-widget-menu ul li:last-child a {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    border: 1px solid #0a0a0a !important;
}

[data-theme="light"] .tp-footer-widget-menu ul li:last-child a:hover {
    background-color: #6748ff !important;
    color: #ffffff !important;
    border-color: #6748ff !important;
}

.ai-hero-video::after {
    background: linear-gradient(to bottom, transparent 0%, #ffffff 100%) !important;
}

#preloader {
    background-color: white !important;
}

.tp-btn-arrow:not(.tp-btn-arrow-fill):hover {
    color: black !important;
}

/* default — light mode */
.des-brand-item .des-brand-item-inner img {
    filter: none;
    transition: filter 0.3s ease;
}

.tp-form-success-msg p {
    color: black !important;
}

input::placeholder,
textarea::placeholder{
    color: rgba(0, 0, 0, 0.7) !important;
}

/* Submit Button — light mode */
[data-theme="light"] .tp-contact-form-btn .submit-btn {
    background-color: #0a0a0a !important;
    border: 1px solid #0a0a0a !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 20px;
    padding: 13px 20px !important;
    display: inline-block;
    margin-bottom: 8px;
    letter-spacing: 1px;
}

[data-theme="light"] .tp-contact-form-btn .submit-btn:hover {
    background-color: #6748ff !important;
    color: #ffffff !important;
    border-color: #6748ff !important;
}

.tp-service-title-box p {
    color: rgba(0, 0, 0, 0.6) !important;
}

/* ტელეფონის ველი: ფოკუსის ფონი მთელ კონტეინერზე (prefix + input), არა მხოლოდ input-ზე.
   input ყოველთვის გამჭვირვალეა - ფერს კონტეინერი იღებს; ფერები ემთხვევა სხვა ველების :focus-ს */
.phone-input-wrapper {
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

.phone-input-wrapper input,
.phone-input-wrapper input:focus {
    background: transparent !important;
}

/* dark (ნაგულისხმევი) - იგივე, რაც .agntix-dark .tp-contact-form-input input:focus */
:root:not([data-theme="light"]) .phone-input-wrapper:focus-within {
    background: #1D1D1F;
    border-color: rgb(255 255 255 / .45);
}

[data-theme="light"] .phone-input-wrapper {
    background: #f6f6f9;
    border: 1px solid #d4d4db;
    border-radius: 8px;
}

[data-theme="light"] .phone-input-wrapper:focus-within {
    background: #ebebef;
    border-color: #d4d4db;
}

[data-theme="light"] .phone-prefix {
    color: #1a1a1a;
}

[data-theme="light"] .prefix-code {
    color: #1a1a1a;
}

[data-theme="light"] .phone-divider {
    background: #d4d4db;
}

[data-theme="light"] .phone-input-wrapper input {
    background: transparent !important;
    border: none !important;
    color: #1a1a1a !important;
}

.tp-section-title p {
    color: var(--text-color-mode);
}

.agntix-dark .tp-section-title {
    color: white !important;
}

[data-theme="light"] .tp-footer-widget-menu ul li:first-child a {
    background-color: rgba(255, 255, 255, 0.06) !important;
}

.tp-footer-style-6 .tp-footer-widget-menu ul li:last-child a,
.tp-footer-style-6 .tp-footer-widget-menu ul li:last-child a:hover {
    color: var(--tp-common-white) !important;
    background-color: rgba(255, 255, 255, 0.06) !important;
}

.tp-footer-area {
    background-color: white;
}

.agntix-dark .tp-section-title {
    color: var(--text-color-mode) !important;
}

[data-theme="light"] .tp-footer-area {
    background-color: rgba(245, 245, 248, 0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.07);
    box-shadow: 0 4px 40px rgba(0, 0, 0, 0.06);
}

/* Tagline */
[data-theme="light"] .tp-footer-area .footer-text {
    color: #0a0a0a;
}

/* Social icons */
[data-theme="light"] .tp-footer-area .tp-footer-widget-social a {
    color: #0a0a0a;
    background-color: rgba(0, 0, 0, 0.04) !important;
    border-color: rgba(0, 0, 0, 0.12);
}
[data-theme="light"] .tp-footer-area .tp-footer-widget-social a:hover {
    background-color: #6748FF !important;
    border-color: #6748FF !important;
    color: #ffffff !important;
}

/* Section title label */
[data-theme="light"] .tp-footer-style-6 .tp-footer-widget-title-sm {
    color: #0a0a0a;
}

/* Quick links — light */
[data-theme="light"] .tp-footer-style-6 .tp-footer-widget-menu ul li a {
    color: #0a0a0a !important;
    background-color: rgba(0, 0, 0, 0.04) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
[data-theme="light"] .tp-footer-style-6 .tp-footer-widget-menu ul li a:hover,
[data-theme="light"] .tp-footer-style-6 .tp-footer-widget-menu ul li a.active-item {
    background-color: #6748FF !important;
    border-color: #6748FF !important;
    color: #ffffff !important;
}

/* Contact links — light */
[data-theme="light"] .tp-footer-style-6 .tp-footer-widget-info a {
    color: rgba(10, 10, 10, 0.65);
}
[data-theme="light"] .tp-footer-style-6 .tp-footer-widget-info a:hover {
    color: #6748FF;
}

.text-color-mode {
    color: var(--text-color-mode) !important;
}

.br-1 {
    border: 1px solid var(--text-color-mode) !important;
}

/* ── Theme toggle + Lang switcher background — light mode ── */
[data-theme="light"] .theme-toggle-btn {
    background-color: rgba(245, 245, 248, 0.85) !important;
}

[data-theme="light"] .lang-switcher {
    background-color: rgba(245, 245, 248, 0.85) !important;
}

/* ── Mobile offcanvas — light mode ── */
[data-theme="light"] .tp-offcanvas-area .offcanvas-black-bg,
[data-theme="light"] .tp-offcanvas-wrapper {
    background-color: #ffffff !important;
    color: #1a1a1a !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 4px 0 30px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .tp-offcanvas-menu ul li a {
    color: #1a1a1a !important;
}

[data-theme="light"] .tp-offcanvas-menu ul li a:hover {
    color: #6748ff !important;
}

[data-theme="light"] .tp-offcanvas-menu > ul > li {
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .tp-offcanvas-close-btn {
    color: #1a1a1a !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

[data-theme="light"] .tp-offcanvas-close-btn:hover {
    /*background: rgba(103, 72, 255, 0.1) !important;*/
    color: #6748ff !important;
}

[data-theme="light"] .tp-offcanvas-title {
    color: #1a1a1a !important;
}

[data-theme="light"] .tp-offcanvas-contact ul li,
[data-theme="light"] .tp-offcanvas-contact ul li a {
    color: rgba(10, 10, 10, 0.65) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .tp-offcanvas-contact ul li a:hover {
    color: #6748ff !important;
}

[data-theme="light"] .lang-divider {
    color: rgba(0, 0, 0, 0.3) !important;
}

[data-theme="light"] .lang-btn {
    color: rgba(0, 0, 0, 0.5) !important;
}

[data-theme="light"] .lang-btn.active {
    color: #1a1a1a !important;
}