<?php
$this->assign('title', 'Restricted Cargos');
?>

<div class="restricted-page">

    <!-- NAVBAR -->
<nav class="navbar navbar-expand-lg hero-navbar">
            <div class="container-fluid hero-nav-container">
                <a class="navbar-brand brand-link" href="<?= $this->Url->build('/') ?>">
                    <?= $this->Html->image('impeccable-logo.png', [
                        'alt' => 'Impeccable Courier',
                        'class' => 'brand-logo'
                    ]) ?>
                </a>

                <button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#heroNavbar" aria-controls="heroNavbar" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse justify-content-end" id="heroNavbar">
                    <ul class="navbar-nav align-items-lg-center hero-menu">
                        <li class="nav-item">
                            <a class="nav-link" href="<?= $this->Url->build('/') ?>">Home</a>
                        </li>

                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="servicesDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                Services
                            </a>
                            <ul class="dropdown-menu custom-dropdown" aria-labelledby="servicesDropdown">
                                <li><a class="dropdown-item" href="#">Book a Shipment</a></li>
                                <li><a class="dropdown-item" href="#">Track a Shipment</a></li>
                                <li><a class="dropdown-item" href="#volumetricSection">Volumetric Weight Calculator</a></li>
                            </ul>
                        </li>

                        <li class="nav-item">
                            <a class="nav-link" href="<?= $this->Url->build('/contact') ?>">Contact Us</a>
                        </li>

                        

                        <li class="nav-item dropdown">
                            <a class="nav-link dropdown-toggle" href="#" id="helpDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                                Help
                            </a>
                            <ul class="dropdown-menu custom-dropdown" aria-labelledby="helpDropdown">
                                
                                <li><a class="dropdown-item" href="<?= $this->Url->build('/terms') ?>">Terms and Conditions</a></li>
                                <li><a class="dropdown-item" href="<?= $this->Url->build('/restricted-cargos') ?>">Restricted Cargos</a></li>
                            </ul>
                        </li>
                        <li class="nav-item nav-login-item">
                            <?php
                            if (!$this->Identity->isLoggedIn()) {
                                echo $this->Html->link(
                                    'Log in',
                                    ['controller' => 'Auth', 'action' => 'login'],
                                    ['class' => 'btn login-btn']);
                            }
                            ?>
                        </li>
                        <li class="nav-item nav-login-item">
                            <?php
                            if ($this->Identity->isLoggedIn()) {
                                echo $this->Html->link('Logout', ['controller' => 'Auth', 'action' => 'logout'], ['class' => 'btn login-btn']);
                            }
                            ?>
                        </li>
                        <li class="nav-item nav-login-item">
                            <?php
                            if ($this->Identity->isLoggedIn()) {
                                echo $this->Html->link('Dashboard', ['prefix'=>'Admin','controller' => 'Dashboard', 'action' => 'index'],['class' => 'btn login-btn']);
                            }
                            ?>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>

    <!-- CONTENT -->
    <section class="restricted-content">
        <div class="restricted-container">
            <h1>Prohibited and Restricted Items</h1>

            <p>
                Before you ship with Impeccable Courier, it's important to check whether your items are prohibited or restricted.
            </p>

            <p>
                If you are in any doubt as to the acceptability of your goods, please contact us prior to shipping.
                For further information on country-specific prohibited or restricted items, contact Customer Service via phone.
            </p>

            <p class="lead-text">Prohibited commodities are not allowed for transport.</p>

            <p>
                The following commodities are not accepted by Impeccable Courier under any circumstances.
            </p>

            <ul class="restricted-list">
                <li>Live animals (including but not limited to mammals, reptiles, fish, invertebrates, amphibians, insects or birds)</li>
                <li>Hunting (animal) trophies, animal parts such as ivory and sharks fin, animal remains, or animal-by-products or derived products not intended for human consumption, prohibited for movement by the CITES Convention or local law</li>
                <li>Human remains or ashes in any form</li>
                <li>Bullion (of any precious metal)</li>
                <li>Cash (current legal tender as bank notes, currency notes, coins)</li>
                <li>Loose precious and semi-precious stones (cut or uncut, polished or unpolished)</li>
                <li>Complete firearms, ammunition, explosives, explosive devices, including inert explosives or test pieces, air guns, replica or imitation firearms or ammunition</li>
                <li>Illegal goods, such as illicit drugs, included but not limited to narcotics stimulants, depressants or hallucinogens. Cannabis or its derivatives</li>
                <li>Counterfeit goods in breach of intellectual property rights (IPR)</li>
            </ul>

            <p class="bottom-text">
                Property, the carriage of which is prohibited by any law, regulation or statute of any federal, state or local government of any country to or through which the shipment may be carried.
            </p>
        </div>
    </section>

    <!-- FOOTER -->
<footer style="
    background:#ffffff;
    border-top:1px solid #ffffff;
    padding:70px 40px 50px 40px;
">
    <div style="
        max-width:1480px;
        margin:0 auto;
    ">
        <div style="
            display:flex;
            justify-content:flex-start;
            align-items:flex-start;
            gap:150px;
            flex-wrap:wrap;
            padding-bottom:26px;
            border-bottom:1px solid #d9dde5;
        ">
            <!-- LEFT -->
            <div style="
                flex:1 1 420px;
                min-width:300px;
            ">
                <div style="margin-bottom:16px;">
                    <?= $this->Html->image('footer-logo.png', [
                        'alt' => 'Impeccable Courier',
                        'style' => 'max-width:640px; width:100%; height:auto; display:block;'
                    ]) ?>
                </div>

                <p style="
                    margin:0 0 0 27px;
                    color:#475467;
                    font-size:18px;
                    line-height:1.8;
                    font-weight:400;
                    font-family:var(--font-main);
                    max-width:560px;
                ">
                    Trusted international courier services with affordable rates, secure delivery, and reliable support across Australia, Pakistan, the UK, USA and Canada.
                </p>
            </div>

            <!-- RIGHT -->
            <div style="
                flex:1 1 760px;
                min-width:320px;
                display:flex;
                justify-content:space-between;
                gap:70px;
                flex-wrap:wrap;
                align-items:flex-start;
            ">
                <!-- CONTACT + QUICK LINKS -->
                <div style="
                    min-width:260px;
                    display:flex;
                    flex-direction:column;
                    gap:34px;
                ">
                    <!-- contact -->
                    <div>
                        <h4 style="
                            margin:0 0 16px 0;
                            color:#c91c1c;
                            font-size:20px;
                            font-weight:700;
                            font-family:var(--font-main);
                            text-transform:uppercase;
                            letter-spacing:0.6px;
                        ">
                            Contact
                        </h4>

                        <p style="
                            margin:0 0 12px 0;
                            color:#101828;
                            font-size:18px;
                            line-height:1.8;
                            font-family:var(--font-main);
                        ">
                            <?php 
                        $phone = $this->ContentBlock->text('contact-phone');
                        $phoneClean = preg_replace('/\s+/', '', $phone); // removes spaces
                        ?>
                        <strong>Phone:</strong>
                        <a href="tel:<?= h($phoneClean) ?>">
                            <?= h($phone) ?>
                        </a>
                        </p>

                        <p style="
                            margin:0;
                            color:#101828;
                            font-size:18px;
                            line-height:1.8;
                            font-family:var(--font-main);
                        ">
                            <?php $email = $this->ContentBlock->text('contact-email'); ?>
                        <strong>Email:</strong>
                        <a href="mailto:<?= h($email) ?>">
                            <?= h($email) ?>
                        </a>
                        </p>
                    </div>

                    <!-- quick links -->
                    <div>
                        <h4 style="
                            margin:0 0 16px 0;
                            color:#c91c1c;
                            font-size:20px;
                            font-weight:700;
                            font-family:var(--font-main);
                            text-transform:uppercase;
                            letter-spacing:0.6px;
                        ">
                            Quick Links
                        </h4>

                        <div style="
                            display:flex;
                            gap:50px;
                            flex-wrap:wrap;
                        ">
                            <!-- left half -->
                            <div style="
                                display:flex;
                                flex-direction:column;
                                gap:12px;
                                min-width:140px;
                            ">
                                <a href="#"
                                   style="color:#101828; text-decoration:none; font-size:18px; font-family:var(--font-main); transition:color 0.25s ease;"
                                   onmouseover="this.style.color='#c91c1c'"
                                   onmouseout="this.style.color='#101828'">
                                   Home
                                </a>

                                <a href="#"
                                   style="color:#101828; text-decoration:none; font-size:18px; font-family:var(--font-main); transition:color 0.25s ease;"
                                   onmouseover="this.style.color='#c91c1c'"
                                   onmouseout="this.style.color='#101828'">
                                   Booking
                                </a>

                                <a href="#"
                                   style="color:#101828; text-decoration:none; font-size:18px; font-family:var(--font-main); transition:color 0.25s ease;"
                                   onmouseover="this.style.color='#c91c1c'"
                                   onmouseout="this.style.color='#101828'">
                                   About Us
                                </a>
                            </div>

                            <!-- right half -->
                            <div style="
                                display:flex;
                                flex-direction:column;
                                gap:12px;
                                min-width:180px;
                            ">
                                <a href="#"
                                   style="color:#101828; text-decoration:none; font-size:18px; font-family:var(--font-main); transition:color 0.25s ease;"
                                   onmouseover="this.style.color='#c91c1c'"
                                   onmouseout="this.style.color='#101828'">
                                   Contact Us
                                </a>

                                <a href="#"
                                   style="color:#101828; text-decoration:none; font-size:18px; font-family:var(--font-main); transition:color 0.25s ease;"
                                   onmouseover="this.style.color='#c91c1c'"
                                   onmouseout="this.style.color='#101828'">
                                   Terms &amp; Condition
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- WAREHOUSE -->
                <div style="min-width:260px; margin-left:10px;">
                    <h4 style="
                        margin:0 0 16px 0;
                        color:#c91c1c;
                        font-size:20px;
                        font-weight:700;
                        font-family:var(--font-main);
                        text-transform:uppercase;
                        letter-spacing:0.6px;
                    ">
                        Warehouse
                    </h4>

                    <p style="
                        margin:0;
                        color:#101828;
                        font-size:18px;
                        line-height:1.8;
                        font-family:var(--font-main);
                        max-width:340px;
                    ">
                        <a href="https://www.google.com/maps?q=1011+Sydney+Road,+Coburg+North,+Victoria+3047" target="_blank">
                            1011 Sydney Road, Coburg North,<br>
                            Victoria 3047
                        </a>
                    </p>
                </div>
            </div>
        </div>

        <div style="
            padding-top:18px;
            text-align:center;
        ">
            <p style="
                margin:0;
                color:#c91c1c;
                font-size:18px;
                line-height:1.7;
                font-weight:500;
                font-family:var(--font-main);
            ">
                © All Rights Reserved by Webspire 2026
            </p>
        </div>
    </div>
</footer>
</div>

<?php $this->start('css'); ?>
<style>
    :root {
        --font-main: 'Inter', Arial, sans-serif;
        --white: #ffffff;
        --black: #161616;
        --accent-red: #c91c1c;
        --text-gray: #4b5563;
    }

    * {
        box-sizing: border-box;
    }

    html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-x: hidden;
        font-family: var(--font-main);
        background: #ffffff;
        color: #111827;
        scroll-behavior: smooth;
    }

    .restricted-page {
        min-height: 100vh;
        background: #ffffff;
    }

    .hero-navbar {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
        padding: 10px 50px;
        background: rgba(8, 8, 8, 0.92);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
    }

    .hero-nav-container {
        align-items: center;
    }

    .brand-link {
        margin: 0;
        padding: 0;
    }

    .brand-logo {
        width: 280px;
        max-width: 100%;
        height: auto;
        display: block;
    }

    .hero-menu {
        gap: 10px;
    }

    .hero-menu .nav-link {
        color: #ffffff;
        font-size: 18px;
        font-weight: 400;
        padding: 10px 12px !important;
    }

    .hero-menu .nav-link:hover {
        color: #c62828 !important;
    }

    .custom-dropdown {
        border: none;
        border-radius: 12px;
        padding: 10px 0;
        box-shadow: 0 12px 28px rgba(0,0,0,0.18);
        min-width: 270px;
    }

    .custom-dropdown .dropdown-item {
        font-size: 15px;
        padding: 12px 18px;
        font-weight: 400;
        font-family: var(--font-main);
    }

    .custom-dropdown .dropdown-item:hover {
        background: #d1d5db;
    }

    .custom-dropdown .active-item {
        background: #e5e7eb;
    }

    .active-nav {
        color: #ffffff !important;
    }

    .nav-login-item {
        margin-left: 10px;
    }

    .login-btn {
        background: #ffffff;
        color: #161616;
        border-radius: 999px;
        padding: 12px 28px;
        font-size: 17px;
        font-weight: 400;
        min-width: 118px;
        border: none;
    }

    .login-btn:hover {
        background: #c62828;
        color: #ffffff;
    }

    .custom-toggler {
        border-color: rgba(255,255,255,0.45);
        background: rgba(255,255,255,0.08);
    }

    .custom-toggler .navbar-toggler-icon {
        filter: invert(1);
    }

    .restricted-content {
        padding: 150px 50px 90px;
        background: #ffffff;
    }

    .restricted-container {
        max-width: 1200px;
        margin: 0 auto;
    }

    .restricted-container h1 {
        margin: 0 0 30px 0;
        font-size: 60px;
        line-height: 1.08;
        font-weight: 700;
        color: #c62828;
    }

    .restricted-container p {
        margin: 0 0 30px 0;
        font-size: 24px;
        line-height: 1.6;
        color: #4b5563;
        font-weight: 400;
    }

    .restricted-container .lead-text {
        margin-top: 26px;
        font-weight: 500;
        color: #333333;
    }

    .restricted-list {
        margin: 10px 0 40px 35px;
        padding: 0;
    }

    .restricted-list li {
        margin-bottom: 18px;
        font-size: 22px;
        line-height: 1.65;
        color: #333333;
    }

    .bottom-text {
        margin-top: 24px;
    }

    .site-footer {
        background: #ffffff;
        border-top: 1px solid #d9dde5;
        padding: 70px 40px 50px 40px;
    }

    .footer-wrap {
        max-width: 1480px;
        margin: 0 auto;
    }

    .footer-top {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 120px;
        flex-wrap: wrap;
        padding-bottom: 26px;
        border-bottom: 1px solid #d9dde5;
    }

    .footer-left {
        flex: 1 1 420px;
        min-width: 300px;
    }

    .footer-logo-wrap {
        margin-bottom: 16px;
    }

    .footer-desc {
        margin: 0 0 0 27px;
        color: #475467;
        font-size: 18px;
        line-height: 1.8;
        font-weight: 400;
    }

    .footer-right {
        flex: 1 1 760px;
        min-width: 320px;
        display: flex;
        justify-content: space-between;
        gap: 70px;
        flex-wrap: wrap;
    }

    .footer-col {
        min-width: 220px;
    }

    .footer-col h4 {
        margin: 0 0 16px 0;
        color: #c91c1c;
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .footer-col p,
    .footer-col a {
        display: block;
        margin: 0 0 12px 0;
        color: #101828;
        font-size: 18px;
        line-height: 1.8;
        text-decoration: none;
    }

    .footer-col a:hover {
        color: #c91c1c;
    }

    .footer-bottom {
        padding-top: 18px;
        text-align: center;
    }

    .footer-bottom p {
        margin: 0;
        color: #c91c1c;
        font-size: 18px;
        line-height: 1.7;
        font-weight: 500;
    }

    @media (max-width: 1100px) {
        .hero-navbar {
            padding: 18px 22px;
        }

        .restricted-content {
            padding: 50px 24px 70px;
        }

        .restricted-container h1 {
            font-size: 52px;
        }

        .restricted-container p {
            font-size: 22px;
        }

        .restricted-list li {
            font-size: 20px;
        }
    }

    @media (max-width: 991px) {
        .hero-menu {
            gap: 0;
            margin-top: 16px;
            padding: 18px;
            border-radius: 16px;
            background: rgba(8, 10, 18, 0.90);
        }

        .nav-login-item {
            margin-left: 0;
            margin-top: 10px;
        }

        .restricted-container h1 {
            font-size: 42px;
        }

        .restricted-container p {
            font-size: 20px;
        }

        .restricted-list li {
            font-size: 18px;
        }
    }

    @media (max-width: 767px) {
        .brand-logo {
            width: 220px;
        }

        .restricted-container h1 {
            font-size: 34px;
        }

        .restricted-container p {
            font-size: 18px;
        }

        .restricted-list li {
            font-size: 17px;
        }

        .site-footer {
            padding: 50px 20px 35px;
        }
    }

    .hero-navbar {
        position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    padding: 10px 50px;
    background: rgba(8, 8, 8, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
    }

    .hero-menu .nav-link:hover {
        color: #c62828 !important;
    }



    .hero-nav-container {
        align-items: center;
    }

    .brand-link {
        margin: 0;
        padding: 0;
    }

    .brand-logo {
        width: 280px;
        max-width: 100%;
        height: auto;
        display: block;
    }

    .hero-menu {
        gap: 10px;
    }

    .hero-menu .nav-link {
        color: var(--white);
        font-size: 18px;
        font-weight: 400;
        padding: 10px 12px !important;
        letter-spacing: 0.2px;
    }

    .hero-menu .nav-link:hover,
    .hero-menu .nav-link:focus {
        color: var(--white);
        opacity: 0.82;
    }

    .custom-dropdown {
        border: none;
        border-radius: 12px;
        padding: 10px 0;
        box-shadow: 0 12px 28px rgba(0,0,0,0.18);
        min-width: 270px;
    }

    .custom-dropdown .dropdown-item {
        font-size: 15px;
        padding: 12px 18px;
        font-weight: 400;
        font-family: var(--font-main);
    }

    .custom-dropdown .dropdown-item:hover {
        background: #bbbec4ff;
    }

    .nav-login-item {
        margin-left: 10px;
    }

    .login-btn {
        background: var(--white);
        color: var(--black);
        border-radius: 999px;
        padding: 12px 28px;
        font-size: 17px;
        font-weight: 400;
        min-width: 118px;
        border: none;
    }

    .login-btn:hover {
        background: #c62828;
        color: var(--white);
    }

    .custom-toggler {
        border-color: rgba(255,255,255,0.45);
        background: rgba(255,255,255,0.08);
    }

    .custom-toggler .navbar-toggler-icon {
        filter: invert(1);
    }
</style>
<?php $this->end(); ?>