/* ICR Pedigree – Light theme override
   Load this file AFTER styles-black.css.
   Best use: keep body class="theme-icr" and add this stylesheet below styles-black.css.
*/

/* =========================================================
   LIGHT THEME TOKENS
========================================================= */
body.theme-icr{
  --icr-bg: #f7f3ea;
  --icr-bg-2: #ffffff;
  --icr-bg-3: #efe6d2;

  --icr-text: #242019;
  --icr-heading: #17140f;
  --icr-muted: rgba(36,32,25,.66);
  --icr-border: rgba(122,96,38,.18);
  --icr-focus: rgba(181,139,35,.24);

  background: var(--icr-bg) !important;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.14), transparent 34%),
    linear-gradient(180deg, #fffaf0 0%, #f7f3ea 48%, #f2eadc 100%) !important;
  color: var(--icr-text) !important;
}

/* =========================================================
   GLOBAL TEXT + LINK
========================================================= */
body.theme-icr h1,
body.theme-icr h2,
body.theme-icr h3,
body.theme-icr h4,
body.theme-icr h5,
body.theme-icr h6,
body.theme-icr .icr-section-heading h2,
body.theme-icr .icr-why-content h2,
body.theme-icr .icr-final-cta-content h2,
body.theme-icr .icr-canine-identity h1,
body.theme-icr .icr-canine-section-title h4{
  color: var(--icr-heading) !important;
}

body.theme-icr p,
body.theme-icr .icr-section-heading p,
body.theme-icr .icr-why-content p,
body.theme-icr .icr-final-cta-content p,
body.theme-icr .dog-info-text,
body.theme-icr .date,
body.theme-icr .status,
body.theme-icr .icr-reason{
  color: var(--icr-muted) !important;
}

body.theme-icr a:hover{
  background: rgba(151,111,20,.08);
}

body.theme-icr .text-white,
body.theme-icr .canine-name,
body.theme-icr .icr-log-summary-name,
body.theme-icr .icr-log-toolbar-title,
body.theme-icr .icr-log-date,
body.theme-icr .service-name{
  color: var(--icr-heading) !important;
}

body.theme-icr .text-muted{
  color: var(--icr-muted) !important;
}

body.theme-icr .dog-info-theme{
  color: #b18716 !important;
  font-weight: 800 !important;
}

/* =========================================================
   NAVBAR + DROPDOWN
========================================================= */
body.theme-icr .icr-topbar,
body.theme-icr header .icr-mainnav{
  background: rgba(255,255,255,.92) !important;
  border-bottom: 1px solid rgba(122,96,38,.18) !important;
  box-shadow:
    0 1px 0 rgba(212,175,55,.20),
    0 10px 24px rgba(84,65,28,.10) !important;
  backdrop-filter: blur(10px);
}

body.theme-icr .icr-topbar a,
body.theme-icr header .icr-mainnav .nav-link,
body.theme-icr .navbar .dropdown-toggle,
body.theme-icr .icr-topbar .icr-user-toggle,
body.theme-icr .notif-icon{
  color: rgba(36,32,25,.72) !important;
}

body.theme-icr .icr-topbar a:hover,
body.theme-icr header .icr-mainnav .nav-link:hover,
body.theme-icr .navbar .dropdown-toggle:hover,
body.theme-icr .navbar .dropdown-toggle[aria-expanded="true"],
body.theme-icr .icr-topbar .icr-user-toggle:hover,
body.theme-icr .icr-topbar .icr-user-toggle[aria-expanded="true"]{
  background: rgba(212,175,55,.11) !important;
  color: #8a6818 !important;
}

body.theme-icr .icr-topbar a.active,
body.theme-icr header .icr-mainnav .nav-link.active,
body.theme-icr .icr-topbar .notif-wrapper.active{
  background: rgba(212,175,55,.16) !important;
  color: #17140f !important;
  border-color: rgba(122,96,38,.20) !important;
  box-shadow: inset 0 0 0 1px rgba(122,96,38,.08) !important;
}

body.theme-icr .notif-badge{
  background: var(--icr-gold) !important;
  color: #17140f !important;
  box-shadow: 0 0 0 2px #ffffff !important;
}

body.theme-icr .navbar .dropdown-menu,
body.theme-icr .icr-user-menu,
body.theme-icr .dropdown-menu{
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(122,96,38,.18) !important;
  box-shadow: 0 16px 34px rgba(84,65,28,.18) !important;
}

body.theme-icr .navbar .dropdown-menu .dropdown-item,
body.theme-icr .icr-user-menu .dropdown-item{
  color: rgba(36,32,25,.82) !important;
}

body.theme-icr .navbar .dropdown-menu .dropdown-item:hover,
body.theme-icr .icr-user-menu .dropdown-item:hover{
  background: rgba(212,175,55,.12) !important;
  color: #8a6818 !important;
}

body.theme-icr .navbar .dropdown-menu .dropdown-item.active,
body.theme-icr .navbar .dropdown-menu .dropdown-item:active,
body.theme-icr .icr-user-menu .dropdown-item.active,
body.theme-icr .icr-user-menu .dropdown-item:active{
  background: rgba(212,175,55,.18) !important;
  color: #17140f !important;
}

body.theme-icr .navbar .dropdown-menu .dropdown-divider,
body.theme-icr .icr-user-menu .dropdown-divider{
  border-top-color: rgba(122,96,38,.14) !important;
}

/* =========================================================
   BUTTONS
========================================================= */
body.theme-icr a.button-outline-theme,
body.theme-icr button.button-outline-theme,
body.theme-icr .btn-icr-secondary{
  background: rgba(255,255,255,.72) !important;
  color: #2a2418 !important;
  border-color: rgba(122,96,38,.24) !important;
  box-shadow: 0 8px 18px rgba(84,65,28,.10) !important;
}

body.theme-icr a.button-outline-theme:hover,
body.theme-icr button.button-outline-theme:hover,
body.theme-icr .btn-icr-secondary:hover{
  background: rgba(212,175,55,.13) !important;
  color: #17140f !important;
  border-color: rgba(212,175,55,.48) !important;
}

body.theme-icr button.button-theme-secondary,
body.theme-icr button.button-theme-tertiary,
body.theme-icr .action-btn.secondary,
body.theme-icr .action-btn.tertiary{
  background: rgba(255,255,255,.80) !important;
  color: #2a2418 !important;
  border-color: rgba(122,96,38,.22) !important;
  box-shadow: 0 8px 18px rgba(84,65,28,.10) !important;
}

body.theme-icr button.button-theme-secondary:hover,
body.theme-icr button.button-theme-tertiary:hover,
body.theme-icr .action-btn.secondary:hover,
body.theme-icr .action-btn.tertiary:hover{
  background: rgba(212,175,55,.12) !important;
  color: #8a6818 !important;
  border-color: rgba(212,175,55,.40) !important;
}

/* =========================================================
   HERO
========================================================= */
body.theme-icr .icr-hero-section{
  background: #f7f3ea !important;
}

body.theme-icr .icr-hero-carousel{
  background: #efe6d2 !important;
}

body.theme-icr .icr-hero-overlay{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02) 0%, rgba(255,255,255,.18) 70%, #f7f3ea 100%) !important;
}

body.theme-icr .icr-hero-content{
  color: #17140f !important;
}

body.theme-icr .icr-hero-title{
  color: #17140f !important;
  text-shadow: 0 10px 24px rgba(255,255,255,.72), 0 2px 8px rgba(84,65,28,.18) !important;
}

body.theme-icr .icr-hero-desc{
  color: rgba(36,32,25,.72) !important;
}

body.theme-icr .icr-carousel-indicators [data-bs-target]{
  background-color: rgba(36,32,25,.32) !important;
}

body.theme-icr .icr-carousel-indicators .active{
  background-color: var(--icr-gold) !important;
}

/* =========================================================
   HOME SECTIONS
========================================================= */
body.theme-icr .icr-quick-section,
body.theme-icr .icr-services-section,
body.theme-icr .icr-listing-section,
body.theme-icr .icr-market-section,
body.theme-icr .icr-member-section{
  background:
    radial-gradient(circle at 50% 0%, rgba(212,175,55,.12), transparent 34%),
    linear-gradient(180deg, #f7f3ea 0%, #fffaf0 52%, #f2eadc 100%) !important;
  color: #242019 !important;
}

body.theme-icr .icr-why-section,
body.theme-icr .icr-final-cta-section{
  background:
    radial-gradient(circle at 82% 18%, rgba(212,175,55,.13), transparent 32%),
    radial-gradient(circle at 12% 84%, rgba(122,96,38,.08), transparent 28%),
    linear-gradient(180deg, #fffaf0 0%, #f2eadc 100%) !important;
  color: #242019 !important;
}

body.theme-icr .icr-why-section::before,
body.theme-icr .icr-member-section::before,
body.theme-icr .icr-final-cta-section::before{
  opacity: .10 !important;
}

body.theme-icr .icr-quick-card,
body.theme-icr .icr-why-card,
body.theme-icr .icr-service-card,
body.theme-icr .icr-listing-card,
body.theme-icr .icr-market-card,
body.theme-icr .icr-member-card,
body.theme-icr .icr-final-cta-box{
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(122,96,38,.15) !important;
  color: #242019 !important;
  box-shadow: 0 18px 38px rgba(84,65,28,.12) !important;
}

body.theme-icr .icr-quick-card:hover,
body.theme-icr .icr-why-card:hover,
body.theme-icr .icr-service-card:hover,
body.theme-icr .icr-listing-card:hover,
body.theme-icr .icr-market-card:hover,
body.theme-icr .icr-member-card:hover{
  background: #ffffff !important;
  border-color: rgba(212,175,55,.40) !important;
  box-shadow: 0 24px 52px rgba(84,65,28,.18) !important;
  color: #17140f !important;
}

body.theme-icr .icr-quick-card h3,
body.theme-icr .icr-why-card h3,
body.theme-icr .icr-service-content h3,
body.theme-icr .icr-listing-body h3,
body.theme-icr .icr-market-body h3,
body.theme-icr .icr-member-body h3{
  color: #17140f !important;
}

body.theme-icr .icr-quick-card p,
body.theme-icr .icr-why-card p,
body.theme-icr .icr-service-content p,
body.theme-icr .icr-listing-body p,
body.theme-icr .icr-market-body p,
body.theme-icr .icr-listing-meta{
  color: rgba(36,32,25,.64) !important;
}

body.theme-icr .icr-quick-icon,
body.theme-icr .icr-why-icon,
body.theme-icr .icr-service-icon,
body.theme-icr .icr-member-logo-wrap{
  background: rgba(212,175,55,.13) !important;
  border-color: rgba(212,175,55,.36) !important;
  color: #9a751d !important;
}

body.theme-icr .icr-listing-img-wrap,
body.theme-icr .icr-market-img-wrap{
  background: #efe6d2 !important;
}

body.theme-icr .icr-listing-img-wrap::after,
body.theme-icr .icr-market-img-wrap::after{
  background: linear-gradient(180deg, transparent 56%, rgba(255,255,255,.42) 100%) !important;
}

body.theme-icr .icr-empty-card{
  background: rgba(255,255,255,.68) !important;
  border-color: rgba(122,96,38,.18) !important;
  color: rgba(36,32,25,.62) !important;
}

/* =========================================================
   TABLES / LIST ROWS / DATA CARDS
========================================================= */
body.theme-icr .table-head-row,
body.theme-icr .canine-row,
body.theme-icr .dog-card,
body.theme-icr .service-card,
body.theme-icr .icr-canine-detail-card,
body.theme-icr .icr-canine-photo-box,
body.theme-icr .icr-canine-data-grid,
body.theme-icr .icr-canine-family-grid,
body.theme-icr .icr-log-summary,
body.theme-icr .icr-log-panel,
body.theme-icr .icr-log-card{
  background: rgba(255,255,255,.84) !important;
  border-color: rgba(122,96,38,.16) !important;
  color: #242019 !important;
  box-shadow: 0 14px 30px rgba(84,65,28,.12) !important;
}

body.theme-icr .canine-row:nth-child(even){
  background: rgba(250,244,232,.88) !important;
}

body.theme-icr .canine-row:hover,
body.theme-icr .dog-card:hover,
body.theme-icr .service-card:hover{
  background: #ffffff !important;
  border-color: rgba(212,175,55,.35) !important;
}

body.theme-icr .dog-action-icons,
body.theme-icr .canine-thumb,
body.theme-icr .dog-photo,
body.theme-icr .icr-canine-photo,
body.theme-icr .icr-log-photo{
  background: #f0e7d7 !important;
  border-color: rgba(122,96,38,.18) !important;
  box-shadow: 0 8px 18px rgba(84,65,28,.12) !important;
}

body.theme-icr .icr-canine-data-row,
body.theme-icr .icr-canine-family-row,
body.theme-icr .icr-log-card-head,
body.theme-icr .icr-log-toolbar{
  border-color: rgba(122,96,38,.13) !important;
}

body.theme-icr .icr-canine-data-row strong,
body.theme-icr .icr-canine-family-row strong,
body.theme-icr .dog-info-text{
  color: rgba(36,32,25,.88) !important;
}

body.theme-icr .icr-canine-data-row small,
body.theme-icr .icr-log-date-label{
  color: rgba(36,32,25,.54) !important;
}

/* =========================================================
   FORMS / SEARCH / MODAL
========================================================= */
body.theme-icr form .form-control,
body.theme-icr .service-filter .form-select,
body.theme-icr .service-filter .form-control{
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(122,96,38,.20) !important;
  color: #242019 !important;
}

body.theme-icr form .form-control::placeholder{
  color: rgba(36,32,25,.42) !important;
}

body.theme-icr form .form-control:focus{
  background: #ffffff !important;
  border-color: rgba(212,175,55,.55) !important;
  box-shadow: 0 0 0 3px rgba(212,175,55,.18) !important;
  color: #242019 !important;
}

body.theme-icr .modal-content{
  background: #ffffff !important;
  color: #242019 !important;
  border-color: rgba(122,96,38,.18) !important;
  box-shadow: 0 24px 48px rgba(84,65,28,.18) !important;
}

body.theme-icr .modal-header,
body.theme-icr .modal-footer{
  border-color: rgba(122,96,38,.13) !important;
}

body.theme-icr .modal-body{
  color: rgba(36,32,25,.82) !important;
}

body.theme-icr .modal-header .btn-close{
  filter: none !important;
  opacity: .65;
}

/* =========================================================
   CHAT + FLOATING BUTTONS
========================================================= */
body.theme-icr .wa,
body.theme-icr .chat-toggle{
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(122,96,38,.20) !important;
  box-shadow: 0 12px 24px rgba(84,65,28,.16) !important;
}

body.theme-icr .chat-header,
body.theme-icr #chat1 .card-body,
body.theme-icr #chat1 .form-outline{
  background: #ffffff !important;
  color: #242019 !important;
  border-color: rgba(122,96,38,.14) !important;
}

body.theme-icr .chat-header .fw-bold{
  color: #17140f !important;
  text-shadow: none !important;
}

body.theme-icr .messageHistory{
  background: #f8f3e9 !important;
  border-color: rgba(122,96,38,.13) !important;
}

body.theme-icr #chat1 .input-group,
body.theme-icr #chat1 input#message.form-control{
  background: #ffffff !important;
  border-color: rgba(122,96,38,.20) !important;
  color: #242019 !important;
}

body.theme-icr #chat1 input#message.form-control::placeholder{
  color: rgba(36,32,25,.42) !important;
}

body.theme-icr .bubble-ai{
  background: #ffffff !important;
  border-color: rgba(122,96,38,.16) !important;
  color: rgba(36,32,25,.82) !important;
}

/* =========================================================
   FOOTER
========================================================= */
body.theme-icr footer{
  background: #efe6d2 !important;
  color: #242019 !important;
  border-top: 1px solid rgba(122,96,38,.18) !important;
}

body.theme-icr footer .footer-text,
body.theme-icr footer .footer-org-name,
body.theme-icr footer .footer-copy{
  color: rgba(36,32,25,.72) !important;
}

body.theme-icr footer #mengerti,
body.theme-icr footer .footer-title{
  color: #8a6818 !important;
}


/* =========================================================
   LIGHT THEME FIX - HOME LISTING TABS
   Fix invisible text on Anjing Dijual / Pacak Pejantan tabs
========================================================= */
body.theme-icr .icr-listing-tabs .nav-link{
  background: rgba(255,255,255,.88) !important;
  color: #5b4515 !important;
  border: 1px solid rgba(122,96,38,.24) !important;
  box-shadow: 0 8px 18px rgba(84,65,28,.10) !important;
  text-shadow: none !important;
}

body.theme-icr .icr-listing-tabs .nav-link:hover,
body.theme-icr .icr-listing-tabs .nav-link:focus{
  background: rgba(212,175,55,.16) !important;
  color: #17140f !important;
  border-color: rgba(212,175,55,.48) !important;
  box-shadow: 0 10px 22px rgba(84,65,28,.14) !important;
}

body.theme-icr .icr-listing-tabs .nav-link.active,
body.theme-icr .icr-listing-tabs .nav-link[aria-selected="true"]{
  background: linear-gradient(135deg, #d4af37, #f4d77a) !important;
  color: #17140f !important;
  border-color: rgba(181,139,35,.72) !important;
  box-shadow:
    0 10px 24px rgba(181,139,35,.22),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}

body.theme-icr .icr-listing-tabs .nav-link.active:hover,
body.theme-icr .icr-listing-tabs .nav-link[aria-selected="true"]:hover{
  background: linear-gradient(135deg, #f4d77a, #d4af37) !important;
  color: #17140f !important;
}


/* =========================================================
   LIGHT THEME FIX - CANINE STATUS BADGES
========================================================= */
body.theme-icr .icr-status-badge{
  font-weight: 800 !important;
  text-shadow: none !important;
}

body.theme-icr .icr-status-accepted{
  color: #17643f !important;
  background: #dff4e8 !important;
  border: 1px solid #9fd0b3 !important;
}

body.theme-icr .icr-status-rejected{
  color: #9b2230 !important;
  background: #fde3e6 !important;
  border: 1px solid #efb0b7 !important;
}

body.theme-icr .icr-status-process{
  color: #7a5a00 !important;
  background: #fff3cd !important;
  border: 1px solid #e7c86d !important;
}

body.theme-icr .icr-status-complete{
  color: #14538f !important;
  background: #deecfb !important;
  border: 1px solid #a8c8ea !important;
}

body.theme-icr .icr-status-sale{
  color: #17643f !important;
  background: #dff4e8 !important;
  border: 1px solid #9fd0b3 !important;
}

body.theme-icr .icr-status-sold{
  color: #9b2230 !important;
  background: #fde3e6 !important;
  border: 1px solid #efb0b7 !important;
}


/* =========================================================
   LIGHT THEME FIX - SERVICE PAGE BUTTON TEXT
========================================================= */
body.theme-icr .service-info{
  background: #f6efe2 !important;
  border: 1px solid #d8c39b !important;
  color: #6b4e16 !important;
  box-shadow: 0 4px 10px rgba(84,65,28,.10) !important;
}

body.theme-icr .service-info:hover,
body.theme-icr .service-info:focus{
  background: #ead7a5 !important;
  border-color: #c9a94f !important;
  color: #3f2d08 !important;
  text-decoration: none !important;
}

body.theme-icr .service-card{
  background: #ffffff !important;
  border: 1px solid rgba(181, 139, 35, .16) !important;
  box-shadow: 0 10px 24px rgba(84,65,28,.10) !important;
}

body.theme-icr .service-name{
  color: #2f2418 !important;
}

body.theme-icr .service-rating{
  background: #fff6dc !important;
  border: 1px solid #e3c96f !important;
  color: #8a6915 !important;
}

body.theme-icr .services-grid:hover .service-card{
  opacity: .88 !important;
}

body.theme-icr .services-grid .service-card:hover{
  opacity: 1 !important;
  background: #fffdf8 !important;
  border-color: rgba(181, 139, 35, .34) !important;
}


/* =========================================================
   LIGHT THEME FIX - TOPBAR NOTIFICATION HOVER / ACTIVE
========================================================= */
html[data-icr-theme="light"] body.theme-icr .icr-topbar .notif-wrapper{
  background: transparent !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-topbar .notif-icon{
  color: rgba(36,32,25,.78) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-topbar .notif-wrapper:hover,
html[data-icr-theme="light"] body.theme-icr .icr-topbar .notif-wrapper:focus,
html[data-icr-theme="light"] body.theme-icr .icr-topbar .notif-wrapper.active{
  background: #f6efe2 !important;
  border-color: rgba(181,139,35,.24) !important;
  box-shadow: 0 6px 14px rgba(84,65,28,.10) !important;
}

html[data-icr-theme="light"] body.theme-icr .icr-topbar .notif-wrapper:hover .notif-icon,
html[data-icr-theme="light"] body.theme-icr .icr-topbar .notif-wrapper:focus .notif-icon,
html[data-icr-theme="light"] body.theme-icr .icr-topbar .notif-wrapper.active .notif-icon{
  color: #6b4e16 !important;
}

html[data-icr-theme="light"] body.theme-icr .notif-badge{
  color: #17140f !important;
  box-shadow: 0 0 0 2px #fff !important;
}