/* 
 * Custom Color Theme
 * Primary: #FFB915 (橘黃色)
 * Primary Light: #FFD358 (淺黃色)
 * Secondary: #003F66 (深藍色)
 * Dark: #002A45 (更深藍色)
 * Darker: #071A2F (最深藍色)
 */

/* ===== Primary Color Overrides ===== */
:root {
    --bs-primary: #FFB915;
    --bs-primary-rgb: 255, 185, 21;
    --bs-secondary: #003F66;
    --bs-secondary-rgb: 0, 63, 102;
    --bs-dark: #002A45;
    --bs-darker: #071A2F;
}

/* Text Colors */
.text-primary {
    color: #FFB915 !important;
}

.text-secondary {
    color: #003F66 !important;
}

/* Background Colors */
.bg-primary {
    background-color: #FFB915 !important;
}

.bg-secondary {
    background-color: #003F66 !important;
}

/* Buttons */
.btn-primary {
    background-color: #FFB915;
    border-color: #FFB915;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #FFD358;
    border-color: #FFD358;
    color: #002A45;
}

.btn-outline-primary {
    color: #FFB915;
    border-color: #FFB915;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: #FFB915;
    border-color: #FFB915;
    color: #fff;
}

.btn-outline-dark {
    color: #002A45;
    border-color: #002A45;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
    background-color: #002A45;
    border-color: #002A45;
    color: #fff;
}

/* Links */
.link-primary {
    color: #FFB915 !important;
}

.link-primary:hover,
.link-primary:focus {
    color: #FFD358 !important;
}

a {
    color: #003F66;
}

a:hover {
    color: #FFB915;
}

/* Navigation */
.navbar-nav .nav-link {
    color: #002A45;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
    color: #FFB915 !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.heading-font-family {
    color: #002A45;
}

/* Heading Separator Line */
.heading-separator-line {
    border-color: #FFB915 !important;
    background-color: #FFB915 !important;
}

/* Counter Numbers */
.counter {
    color: #FFB915 !important;
}

/* Border Colors */
.border-primary {
    border-color: #FFB915 !important;
}

.separator-border {
    border-color: rgba(0, 63, 102, 0.1) !important;
}

/* Portfolio Overlay */
.portfolio-overlay {
    background: linear-gradient(to bottom, rgba(0, 42, 69, 0.8), rgba(7, 26, 47, 0.95));
}

.portfolio-overlay-details h5 {
    color: #FFD358 !important;
}

/* Social Links */
.social-links a {
    color: #003F66;
}

.social-links a:hover {
    color: #FFB915;
}

/* Footer */
#footer {
    background-color: rgba(7, 26, 47, 0.02);
}

#footer .social-links a {
    color: #002A45;
}

#footer .social-links a:hover {
    color: #FFB915;
}

/* Forms */
.form-control:focus {
    border-color: #FFB915;
    box-shadow: 0 0 0 0.2rem rgba(255, 185, 21, 0.25);
}

.form-border .form-control {
    border-color: rgba(0, 63, 102, 0.2);
}

.form-border .form-control:focus {
    border-color: #FFB915;
}

/* Blog */
.title-blog a {
    color: #002A45;
}

.title-blog a:hover {
    color: #FFB915;
}

.meta-blog a {
    color: #003F66;
}

.meta-blog a:hover {
    color: #FFB915;
}

/* Tags */
.tags a {
    background-color: transparent;
    border: 1px solid #003F66;
    color: #003F66;
}

.tags a:hover {
    background-color: #FFB915;
    border-color: #FFB915;
    color: #fff;
}

/* Pagination */
.pagination .page-link {
    color: #003F66;
    border-color: rgba(0, 63, 102, 0.2);
}

.pagination .page-item.active .page-link {
    background-color: #FFB915;
    border-color: #FFB915;
}

.pagination .page-link:hover {
    color: #FFB915;
    background-color: rgba(255, 185, 21, 0.1);
}

/* Accordion */
.accordion-button:not(.collapsed) {
    color: #FFB915;
    background-color: rgba(255, 185, 21, 0.05);
}

.accordion-button:focus {
    border-color: #FFB915;
    box-shadow: 0 0 0 0.2rem rgba(255, 185, 21, 0.25);
}

/* List Items */
.list-item a {
    color: #002A45;
}

.list-item a:hover {
    color: #FFB915;
}

/* Dropdown Menu */
.dropdown-menu {
    border-color: rgba(0, 63, 102, 0.15);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #FFB915;
}

.dropdown-item:hover,
.dropdown-item:focus {
    background-color: rgba(255, 185, 21, 0.1);
    color: #FFB915;
}

/* Logo Hover */
.logo:hover {
    opacity: 0.8;
}

/* Back to Top */
#back-to-top {
    background-color: #FFB915;
    color: #fff;
}

#back-to-top:hover {
    background-color: #FFD358;
    color: #002A45;
}

/* Portfolio Menu */
.portfolio-menu .nav-link {
    color: #002A45;
}

.portfolio-menu .nav-link:hover,
.portfolio-menu .nav-link.active {
    color: #FFB915 !important;
    border-bottom-color: #FFB915 !important;
}

/* Owl Carousel Navigation */
.owl-theme .owl-nav [class*='owl-'] {
    background-color: #FFB915;
    color: #fff;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background-color: #FFD358;
    color: #002A45;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #FFB915;
}

/* Social Icons Colored */
.social-icons-colored li.social-icons-facebook a {
    background-color: #FFB915;
}

.social-icons-colored li.social-icons-twitter a {
    background-color: #003F66;
}

.social-icons-colored li.social-icons-google a {
    background-color: #FFD358;
}

.social-icons-colored li.social-icons-linkedin a {
    background-color: #002A45;
}

.social-icons-colored li.social-icons-instagram a {
    background-color: #FFB915;
}

/* Blockquote */
.blockquote {
    border-left-color: #FFB915;
}

.blockquote-footer {
    color: #003F66;
}

/* Comments */
.post-comment a:hover {
    color: #FFB915 !important;
}

/* Brands Grid */
.brands-grid {
    border-color: rgba(0, 63, 102, 0.1) !important;
}

/* Custom Selection Color */
::selection {
    background-color: #FFB915;
    color: #fff;
}

::-moz-selection {
    background-color: #FFB915;
    color: #fff;
}

/* Preloader */
.preloader .lds-ellipsis div {
    background: #FFB915;
}

/* Scroll Down Arrow */
.scroll-down-arrow {
    color: #003F66;
}

.scroll-down-arrow:hover {
    color: #FFB915;
}

/* Mark/Highlight */
mark {
    background-color: rgba(255, 185, 21, 0.2);
    color: #002A45;
}

mark.bg-secondary {
    background-color: #003F66 !important;
}

/* Modal */
.modal-header {
    border-bottom-color: rgba(0, 63, 102, 0.1);
}

.modal-footer {
    border-top-color: rgba(0, 63, 102, 0.1);
}

/* Additional Hover Effects */
.service-item:hover,
.portfolio-box:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

/* Custom Scrollbar */
::-webkit-scrollbar-thumb {
    background-color: #FFB915;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #FFD358;
}

::-webkit-scrollbar-track {
    background-color: rgba(0, 63, 102, 0.05);
}